Question

我有一个使用innerHTML在表格中添加行的功能：

function addRowToTable(tblParam) { 

  var tbl =document.getElementById(tblParam); 
  var lastRow = tbl.rows.length;    
  var cnt = lastRow; var row = tbl.insertRow(lastRow);

  document.form_sample_1.cnt_rltv.value = cnt; 

cellLeft.innerHTML = "<td><select class=form-control input-xsmall name=rltv" + cnt +   " id=rltv" + cnt + "><option value='' selected=selected>&nbsp;</option><option value='Father'>Father</option>
<option> value='Mother'>Mother</option><option> value='Brother'>Brother</option>
<option>value='Sister'>Sister</option></select></td>"
}

如何从数据库中输入选择选项数据源？

Answer 1

不是插入一大串HTML，而是创建DOM节点并将它们相互连接起来。

var dbResults = ["Mother", "Brother", "Sister"];
var select = document.createElement("select"); 

for (var i=0; i < dbResults.length; i++) {
    var option = document.createElement("option");
    option.innerText = dbResults[i];
    select.appendChild(option);
}

然后将select节点附加到您想要的任何父级。

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

使用Oracle的数据源在JavaScript中使用DropDownList填充

1 个答案: