Option 和 Select 对象的基本使用,这是两个很常用到的标签(这里主要是介绍属性的使用)
这里是代码的样板
<html>
<head>
//js的方法
<script type="text/javascript">
function disable()
{
//启动下拉列表
document.getElementById("mySelect").disabled=true;
}
function enable()
{
//禁用下拉列表
document.getElementById("mySelect").disabled=false;
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
<br /><br />
//点击触发事件,调用函数disable()
<input type="button" οnclick="disable()" value="禁用列表">
<input type="button" οnclick="enable()" value="启用列表">
</form>
</body>
</html>
1、禁用启用列表
document.getElementById("mySelect").disabled=true;
2、获取ID
document.getElementById("mySelect").form.id;
3、获取列表的数目
document.getElementById("mySelect").length;
4、改变下拉列表的可见长度 注意:(是可见) 默认为1个,这里为5个
document.getElementById("mySelect").size=5;
5、同时选中下拉列表中的多个选项,前提是要使用4中的size属性,把它设置为两个以上才可以选择多个项
document.getElementById("mySelect").multiple=true;
6、使用for循环输出下拉列表中的所有option内容
var x=document.getElementById("mySelect");
var y="";
for (i=0;i<x.length;i++)
{
y+=x.options[i].text;
y+="<br />";
}
document.write(y);
7、取得下拉列表中的索引位置
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementsByTagName("option");
var index = y[x].index;
8、改变下拉列表中的选中项
document.getElementById("这里写option的id").selected=true;
9、删除被选的选项
var x=document.getElementById("mySelect");
x.remove(x.selectedIndex);