您的位置:首页 > Web前端 > JavaScript

JS动态添加select下拉框

2011-10-13 21:47 253 查看
动态删除select中的所有options:

document.getElementById("ddlResourceType").options.length=0;
动态删除select中的某一项option:

document.getElementById("ddlResourceType").options.remove(indx);
动态添加select中的项option:

document.getElementById("ddlResourceType").options.add(new Option(text,value));

上面在IE和FireFox都能测试成功,希望以后你可以用上。

其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。
取值方面

function getvalue(obj)

{

var m=obj.options[obj.selectedIndex].value

alert(m);//获取value

var n=obj.options[obj.selectedIndex].text

alert(n);//获取文本

}
==============================================================================

1 检测是否有选中

if (objSelect.selectedIndex > - 1 ) {

// 说明选中

} else {

// 说明没有选中

}
将option设为选中:document.getElementById("province").options.selected = true;
2 删除被选中的项

objSelect.options[objSelect.selectedIndex] = null ;
3 增加项

objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
4 修改所选择中的项

objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
5 得到所选择项的文本

objSelect.options[objSelect.selectedIndex].text;
6 得到所选择项的值

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