UC知道如何使用javascript去除和添加下拉框中的选项
来源：百度知道 编辑：UC知道 时间：2024/05/27 02:49:37
<select id="list">
<option value="data1">data2</option>
</select>
请给出javascript代码，增加一个data2的选项，同时，删除data1，谢谢！
<select id="list">
<option>...</option>
...
<option value="data1">data1</option>
...
</select>
好象一楼回答问题的前提是知道data1是第一个option，如果不知道呢？是不是可以获得data1的索引号，然后再用removeChild方法？
给每个option设定id对于我的程序好象不太现实，因为option也是通过javascript生成的，生成的时候能设定id吗？
<option value="data1">data2</option>
</select>
请给出javascript代码，增加一个data2的选项，同时，删除data1，谢谢！
<select id="list">
<option>...</option>
...
<option value="data1">data1</option>
...
</select>
好象一楼回答问题的前提是知道data1是第一个option，如果不知道呢？是不是可以获得data1的索引号，然后再用removeChild方法？
给每个option设定id对于我的程序好象不太现实，因为option也是通过javascript生成的，生成的时候能设定id吗？
var o = document.getElementById("list");
var e = document.createElement("OPTION");
e.innerHTML = "data1";
o.appendChild(e);
o.removeChild(o.options[0]);
这里还有更多javascript的资料http://www.koft.cn
追加：
可以给option设置id,比如
<option value="data1" id="data1">data2</option>
然后
o.removeChild(document.getElementById("data1"));
追加2：
还可以采用遍历啊
for(var i=0 ; i<o.options.length;i++)
{
if(o.options[i].value=="data1")
{
o.removeChild(o.options[i]);
break;
}
}