首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS动态添加select上拉框(城市区域多级上拉框demo)

2012-09-14 
JS动态添加select下拉框(城市区域多级下拉框demo)动态获取select中的options数量:?????? ?Var size docu

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;

?

?

?

热点排行