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

Stack Overflow用户

提问于 2017-06-02 03:43:32

回答 2查看 1.5K关注 0票数 1

我正在从数组中生成一个带有下拉列表和textbox的html表。我将数组值属性值存储在textbox中，并根据键属性中的值来设置每行下拉列表的选定值。如何设置下拉值。我的密码是这样的。一切都做好了，我只想设置下拉选择的值。

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

谢谢

javascript

jquery

html

平台电商解决方案

为客户提供电商客服、电商图片系统识别及搜索的快速搭建方案

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-06-02 03:55:21

您可以通过为该索引选择选项来设置它，

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

票数 1

Stack Overflow用户

发布于 2017-06-12 08:18:48

我会这样做：

$(document).ready(function() {
    // store your html as a variable, `` alows you to use lines in string
    var row = `
  <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"></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>
  `
  var filtrnode = [{arrayvalue}];

  $.each(filtrnode, function(i, item) {
    // make a jQuery object from your html variable
    var newRow = $(row);
    // and now you are free to use jQuery selectors and functions on it
    newRow.find("select option[value="+ item.key +"]").prop("selected", true);
    newRow.find("input[type='text']").val(item.value);
    $('#filterTable').append(newRow);
  });  
});