您的位置:首页 > 其它

(推荐)对下拉列表select的一些操作

2009-06-20 11:20 393 查看
示例

下面的例子使用 SELECT 元素创建了一个下拉列表框。

<SELECT NAME="Cats" SIZE="1">
<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>

下面的例子在上面创建的 SELECT 列表的底部添加了一个新选项。新选项的构造程序也可在 Microsoft JScript® 中使用。

<SCRIPT LANGUAGE="JScript">
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;
}
}
}
2、获取被选中项的值:

ddluserColumnSelectedValue.value=ddluserColumn.options[ddluserColumn.selectedIndex].value;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: