本文仅献给along!
项目中有个无刷新增加select(下拉框)中的option的需求,在div中可以直接用document.getElementById(“id”).innerHTML多输出一个div。但是用select(下拉框)的id,输出option这个方法不行,下拉框里的option的标签都没了;
看例子:
=========================================
-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
???
???????
???????
Untitled Document???????
???
???
???????
??????????? 好友分组
??????????? 顺快速扩大
???????
??
???var sel1 = document.getElementById(“MyFriend1_ddlFrindKind”).innerHTML;
???sel1+=”好友分组3”
???alert(sel1);
???document.getElementById(“MyFriend1_ddlFrindKind”).innerHTML=sel1;
???????
???
=========================================
解决方案:
用JS的DOM操作,在select(下拉框)下使用document.createElement创建一个option标签,并赋值;
看例子:
=========================================
-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
???
???????
???????
Untitled Document???????
???
???
???????
??????????? 好友分组
??????????? 顺快速扩大
???????
??
???var allOption = document.createElement(“option”);
???allOption.text = “好友分组3”;
???allOption.value = document.getElementById(“MyFriend1_ddlFrindKind”).length+1;?
???document.getElementById(“MyFriend1_ddlFrindKind”).options.add(allOption);
???????
???
=========================================