刷新html下拉列表,无刷新增加select（下拉框）中的option

本文仅献给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);

???????

???

=========================================