Option 和 Select 对象的基本使用

来源：互联网发布：算法交易 vwap 编辑：程序博客网时间：2024/05/20 16:34

Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用）

这里是代码的样板

//js的方法
<script type="text/javascript">
function disable()
{

//启动下拉列表
document.getElementById("mySelect").disabled=true;
}
function enable()
{

//禁用下拉列表
document.getElementById("mySelect").disabled=false;
}
</script>

</head>
<body>

//点击触发事件，调用函数disable()
<input type="button" onclick="disable()"value="禁用列表">
<input type="button" onclick="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);

2 0