Question

javascript动态生成下拉框的问题

奋斗了一个星期代码还是冒搞出来，真是郁闷，所以不得不上来请高人求助，具体问题如下：我在JSP页面上用一个JS实现了TABLE行的自动增加，点击一个增加按钮后，table自动增加一行，然后我要在这个自动增加的行中放入下拉框，这个下拉框的JS代码如何写？
td5.innerText = '11';
td6.innerHTML = '下拉框写这个TD里';
td7.innerText = '11';
td8.innerText = '11';
td9.innerText = '11';
td10.innerHTML = '<html:text property="qcCount" size="5"/>';
td11.innerText = '11';
td12.innerText = '11';
td13.innerText = '11';
td14.innerText = '11';
}
</script>

Answer 1

var select = document.createElement("select");

var option = new Option("显示", "值");

select.options[0] = option;

或者看看我的空间，唯一的那篇可能有点帮助

//----------------------------------
尽量让html代码干净一点

以后就能明白了，要结构化文档

//----------------------------------

给你的是思路，你如果连dom节点操作都不会，给了答案又如何呢

这种都是js的基本功，你先看看如何append一个子节点吧

这分不要了

Answer 2

在你要放置下拉框的地方加入一个<div id="abc"></div>
然后document.getElementById("abc").innerHTML = "<select><option></option></select>"

table的元素和其他html元素不同，如果想要获得其节点的话不太容易，所以添加一个层进去

Answer 3

<script>
function addRow()
{
var t = document.getElementById("t");
var row = document.createElement("tr");
var col = document.createElement("td");
var sel = document.createElement("select");
var op = document.createElement("option");
op.appendChild(document.createTextNode("选项1"));
sel.appendChild(op);
col.appendChild(sel);
row.appendChild(col);
t.appendChild(row);
}
</script>
<table>
<tbody id="t">
</tbody>
</table>
<input type="button" onclick="addRow()" />