javascript - 使用 Oracle 数据源的 JavaScript 中的 DropDownList 人口

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);