JS动态添加select下拉框(城市区域多级下拉框demo)
动态获取select中的options数量:
?????? ?Var size = document.getElementById("ddlResourceType").options.length;
动态删除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;
7.所选择项设置为选中
objSelect.options[objSelect.selectedIndex].selected = true;