UC知道JavaScript新增select Element
来源：百度知道 编辑：UC知道 时间：2024/05/06 04:20:31
我现在要在页面上的一个表格的单元格中 用javascript增加一个select以及它下面的一些options，谁知道该怎么做啊？多谢多谢！！
不是这样的，在页面上本来没有Select，在javascritp中生成的，
比如先要
var selectNode = document.createElement("SELECT");
然后还要创建option对象，再设置value、text等等
问题是 我不知道怎么写才能得到正确结果：
var selectNode = document.createElement("SELECT");
var obj = document.createElement("option");
obj.text="text"; //option的text
obj.value="value"; //option的value
selectNode.appendChild(obj);
这样写出不来……
不是这样的，在页面上本来没有Select，在javascritp中生成的，
比如先要
var selectNode = document.createElement("SELECT");
然后还要创建option对象，再设置value、text等等
问题是 我不知道怎么写才能得到正确结果：
var selectNode = document.createElement("SELECT");
var obj = document.createElement("option");
obj.text="text"; //option的text
obj.value="value"; //option的value
selectNode.appendChild(obj);
这样写出不来……
<form action="可以写入处理函数的名称" method="post">
请选择最喜欢的女歌星:
<select name="gx2" multiple size="4">
<option value="zhmy">张曼玉
<option value="wf" selected>王菲
<option value="tzh">田震
<option value="ny">那英
</select>
</form>
这是一个样例你可以对照着写出你需要的！
select里要用add,如下:
var selectNode = document.createElement("SELECT");
for (i=0;i<20 ;i++ ){
var obj = document.createElement("option");
obj.text="text"; //option的text
obj.value="value"; //option的value
selectNode.options.add(obj);
}
document.body.appendChild(selectNode)