JavaScript的浏览器对象及其使用(ppt 31)
JavaScript的浏览器对象及其使用(ppt 31)摘要
select对象
属性：form、name、 type、 length、selectedIndex、options对象数组
option对象的属性： index 、text 、 value 、 selected 、 defaultSelected
方法：blur()和focus()
事件处理：onBlur、onFocus、onChange
【例4-19-4】select 对象多选示例
<html><head>
<script> // 显示所有被选中选项的函数
function showSelections() {var i;
var str = "";
for (i = 0; i < document.forms[0].list.length; i++)
if (document.forms[0].list[i].selected)
str = str + document.forms[0].list[i].value + "\n";
alert(str);
}
</script></head>
<body>
<font face="Arial,Helvetica" size=2><b>select </b></font>
<b><font size=2>对象多选示例：</font></b>
<p>
<font size=2>请选择下边的选项，
< font color="#800000">按住 Ctrl 键的同时用鼠标点击选项
</font>：</font>
<font face="Arial,Helvetica" size=2>
<p><form>
<select name="list" multiple size=4>
<option value="news">News</option>
<option value="sports">Sports</option>
<option value="weather">Weather</option>
<option value="entertainment">Entertainment</option>
</select>
<p>
<input type="button" value="显示选中项" onClick="showSelections();">
<input type="reset" value="清除选中项">
</form> </font>
<p>
</body></html>
..............................................................................................................................
JavaScript的浏览器对象及其使用(ppt 31)摘要结束,点击下载 查看完整资料
与“JavaScript的浏览器对象及其使用(ppt 31)”
技术教程推荐
浏览历史
浏览过本资料的人还浏览过