日期:2014-05-16  浏览次数:20369 次

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));

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

?

其实用标准的DOM操作也可以,就是document.createElementappendChildremoveChild之类的。

取值方面
??? 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;