使用jquery生成html表时设置下拉选择值

debugcn 发表于 Dev

乌特帕尔

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

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。