Question

我正在使用jquery wit dropdownlist在其中添加表行，如下所示-

$.each(data, function (i, item) {
$('#tableRM > tbody:last-child').append('<tr sn=' + item.SN + '>
<td>
<select name="RMLotName" class="form-control lotColumns">
<option value="">Select</option>
<option value="Lot1">Lot1</option>
<option value="Lot2">Lot2</option>
<option value="Lot3">Lot3</option>
</select>
</td>
    <td><input name="RMLotQty" type="text" disabled class="form-control lotColumns" value="' + item.LotQty + '" /></td>

</tr>)
    
    }

现在，我要使用Name = #RMLotName为下拉列表选择默认值我尝试过：-

$('#RMLotName').val("'" + item.LotName+"'");

和

$("#RMLotName option[value='" + item.LotName+"']").attr('selected', 'selected');

但是它不起作用。我搜索了一会儿，发现有一些链接，例如This This和其他链接，但是它们都不起作用。

Answer 1

在附加该对象之前，请考虑在html行之外创建一个jQuery对象。

它允许您在该特定行上使用jQuery方法。然后，您需要一个更好的<select>

选择器

$.each(data, function (i, item) {

      let rowHtml = `<tr sn="${item.SN}"><td>
                <select name="RMLotName" class="form-control lotColumns">
                <option value="">Select</option>
                <option value="Lot1">Lot1</option>
                <option value="Lot2">Lot2</option>
                <option value="Lot3">Lot3</option>
                </select>
                </td>
                <td><input name="RMLotQty" type="text" disabled class="form-control lotColumns" value="${item.LotQty}" /></td>
            </tr>`;
      // create object from html string
      let $row = $(rowHtml)
      // set value of the select within this row instance
      $row.find('select.lotColumns').val(item.LotName);
      // append updated object to DOM
      $('#tableRM > tbody:last-child').append($row);

 });

使用jQuery设置表中下拉列表的选定值

1 个答案: