如何将值放在动态创建的tr内的下拉列表中

时间:2018-03-09 10:28:53

标签: jquery

我创建了一个tr,其中包含一个下拉列表,我需要在创建时将select的值设置为特定值。我试过了

$("#"+response[i].candidate_Id).find("select").val("abc");

response[i].candidate_Id是我动态分配的idtr

1 个答案:

答案 0 :(得分:0)

这是我创建的一个工作示例小提琴:Demo

在实际为其分配任何值之前,您需要确保将select嵌入到DOM中。您设置值的代码似乎是正确的,您只需要检查编写的代码顺序。

示例代码:

var table = document.createElement('table');
var tr = document.createElement('tr');
tr.id = "myTr";
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var text2 = document.createTextNode('Text2');
//Create array of options to be added
var array = ["Volvo", "Saab", "Mercades", "Audi"];

//Create and append select list
var selectList = document.createElement("select");
selectList.id = "mySelect";
td1.appendChild(selectList);

//Create and append the options
for (var i = 0; i < array.length; i++) {
  var option = document.createElement("option");
  option.value = array[i];
  option.text = array[i];
  selectList.appendChild(option);
}
td2.appendChild(text2);
tr.appendChild(td1);
tr.appendChild(td2);
table.appendChild(tr);
document.body.appendChild(table);
$("#myTr").find("select").val("Audi"); // this line you can have your own id