示例
下面的例子使用 SELECT 元素创建了一个下拉列表框。
<SELECT NAME="Cats" SIZE="1">
<OPTION VALUE="1">Calico
<OPTION VALUE="2">Tortie
<OPTION VALUE="3" SELECTED>Siamese
</SELECT>
<OPTION VALUE="1">Calico
<OPTION VALUE="2">Tortie
<OPTION VALUE="3" SELECTED>Siamese
</SELECT>
下面的例子使用 select 元素创建了多项选择列表框,方法是设置了 SIZE 和 MULTIPLE 标签属性。要获得多项选择列表框的选中选项,则必须遍历 options 集合并检查 SELECTED 是否被设为 true。
<SELECT ID="oSelect" NAME="Cars" SIZE="3" MULTIPLE>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。
<SCRIPT LANGUAGE="JScript">
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>
var oOption = document.createElement("OPTION");
oOption.text="法拉利";
oOption.value="4";
oSelect.add(oOption);
</SCRIPT>
=========================================================================================
1、使某项被选中:
if(thematicName!="")
{
for(var i=0;i<ddluserColumn.options.length;i++)
{
if(ddluserColumn.options[i].text==thematicName)
{
//ddluserColumn.options[i].Selected=true;//这行表达式错误
ddluserColumn.selectedIndex=i; //这行正确
break;
}
}
}
{
for(var i=0;i<ddluserColumn.options.length;i++)
{
if(ddluserColumn.options[i].text==thematicName)
{
//ddluserColumn.options[i].Selected=true;//这行表达式错误
ddluserColumn.selectedIndex=i; //这行正确
break;
}
}
}
2、获取被选中项的值:
ddluserColumnSelectedValue.value=ddluserColumn.options[ddluserColumn.selectedIndex].value;