javascript - 使用jQuery生成HTML表时设置下拉选择值

我从数组生成一个带下拉列表和文本框的html表。我将数组值属性值存储在文本框中，并基于键属性中的值comin来设置每行中下拉列表的选定值。
 如何设置下拉值。
我的代码是这样的。一切都完成了，我只想设置下拉选择的值。

var filtrnode=[arrayvalue];

$.each(filterNodeData.FilterData, function (i, item) {
     debugger;
     var newData = filterNodeData.FilterData[i];
     trHTML += '<tr><td>' + '<select class="form-control"><option value="and">And</option><option value="or">Or</option></select>' + '</td>' +
          '<td>' + '<input class="form-control" size=35 type="text" id="filterValue" value= ' + filterNodeData.FilterData[i].value + '>' + '</td>' +
          '<td><input type="button" id="delFilter" class="delHeader btn btn-md red" value="Delete" onclick="deleteFilter(this)" ></td>' +
          '<td><input type="button" id="AddFilter" class="btn btn-md btn-primary" value="Add" onclick="insertFilter()" ></td>' + '</tr>';
});
$('#filterTable').append(trHTML);

谢谢

最佳答案

您可以通过为该索引选择选项来进行设置，例如，

$.each(filterNodeData.FilterData, function (i, item) {
     var newData = filterNodeData.FilterData[i],
         value=newData.value,
         key = newData.key;
     trHTML += '<tr><td>' + '<select class="form-control">'+
             '<option value="and" '+(key=='and'?'selected':'')+'>And</option>'+
             '<option value="or" '+(key=='or'?'selected':'')+'>Or</option>'+
         '</select></td>' +
          '<td>' + '<input class="form-control" size=35 type="text" id="filterValue" value= ' + value + '>' + '</td>' +
          '<td><input type="button" id="delFilter" class="delHeader btn btn-md red" value="Delete" onclick="deleteFilter(this)" ></td>' +
          '<td><input type="button" id="AddFilter" class="btn btn-md btn-primary" value="Add" onclick="insertFilter()" ></td>' + '</tr>';
});
$('#filterTable').append(trHTML);