动态创建下拉列表-Javascript
我正在尝试开发一个JS函数,它可以在每次向数据库添加新记录时创建一个新行(来自定期检查的不同程序)。现在,我可以使用函数检查数据库,将记录添加到表中并动态显示它。第一列是用户id,第二列是我遇到问题的地方。我想包括一个下拉列表,但我不知道如何添加选项到它。我在第二列有下拉列表,但没有选项可供选择。有人有什么建议吗动态创建下拉列表-Javascript,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我正在尝试开发一个JS函数,它可以在每次向数据库添加新记录时创建一个新行(来自定期检查的不同程序)。现在,我可以使用函数检查数据库,将记录添加到表中并动态显示它。第一列是用户id,第二列是我遇到问题的地方。我想包括一个下拉列表,但我不知道如何添加选项到它。我在第二列有下拉列表,但没有选项可供选择。有人有什么建议吗 function addRow(tableID, user) { var table = document.getElementById(tableID); var rowCoun
function addRow(tableID, user) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var opt = document.createElement("option");
tabbody=document.getElementsByTagName("tbody").item(2);
cell1 = document.createElement("TD");
cell2 = document.createElement("TD");
textnode1=document.createTextNode(user);
//textnode2=document.createTextNode("morecontent");
textnode2=document.createElement("select");
textnode2.setAttribute('id', 'focus');
textnode2.options.add(opt);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
row.appendChild(cell1);
row.appendChild(cell2);
tabbody.appendChild(row);
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
函数addRow(tableID,用户){
var table=document.getElementById(tableID);
var rowCount=table.rows.length;
var row=table.insertRow(rowCount);
var colCount=table.rows[0].cells.length;
对于(var i=0;i
你需要像这样做
var op = new Option();
op.value = 1;
op.text = "First entry";
textnode2.options.add(op);
然后重复你想要的条目。我喜欢这种方法
var dropdown = document.getElementById("MyDropDownList");
var opt = document.createElement("option");
opt.text = 'something';
opt.value = 'somethings value';
dropdown.options.add(opt);
如何定义option()?我收到一个错误,上面写着“ReferenceError:option未定义”。我知道了。我必须将new option()
更改为document.createElement(“option”);
感谢您的帮助!应该是option())
-@EugenRieck的大写字母Onice可以修复它,编辑必须至少6个字符;)完成!很抱歉。
var op = new Option();
op.value = 1;
op.text = "First entry";
textnode2.options.add(op);
var dropdown = document.getElementById("MyDropDownList");
var opt = document.createElement("option");
opt.text = 'something';
opt.value = 'somethings value';
dropdown.options.add(opt);