如何设置选中的下拉列表

如何解决如何设置选中的下拉列表

当我点击表格中的按钮时我可以编辑数据表，我遵循这个代码

 $('#datatable').on('click','.btn[name="edit"]',function() {
    var row = $(this).closest('tr')[0];
    var ststable = row.cells[3].innerHTML;
    var awal = row.cells[4].innerHTML;
    var akhir = row.cells[5].innerHTML;

    let sts = $("#statusmtr option").map(function() {
      var dt = $(this).val();
      var opsi = "<option value='" + dt + "'>" + dt + "</option>";
      return opsi
    }).get();

    row.cells[3].innerHTML = "<select name='ststable'>" + sts + "</select>";
    row.cells[4].innerHTML = "<input class='form-control' name='awal' value='" + awal + "'>";
    row.cells[5].innerHTML = "<input class='form-control' name='akhir' value='" + akhir + "'>";
    row.cells[8].innerHTML = "<button type='button' name='save' class='btn btn-danger'><i class='fas fa-save'></i></button>"
  });

这段代码有效，问题是当我点击编辑下拉菜单时选择下拉菜单总是显示第一个数据，如何设置显示数据的选定下拉列表像相同的数据表，我得到值数据包 var ststable = row.cells[3].innerHTML;

解决方法

您可以使用 selectedIndex 来实现这一点，并且几乎所有浏览器都支持它。请点击以下链接：

https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedIndex

,

您可以为选择设置值并触发更改事件。

$('#datatable').on('click','.btn[name="edit"]',function() {
  var row = $(this).closest('tr')[0];
  var ststable = row.cells[3].innerHTML;
  var awal = row.cells[4].innerHTML;
  var akhir = row.cells[5].innerHTML;

  let sts = $("#statusmtr option").map(function() {
    var dt = $(this).val();
    var opsi = "<option value='" + dt + "'>" + dt + "</option>";
    return opsi
  }).get();

  row.cells[3].innerHTML = "<select name='ststable'>" + sts + "</select>";
  row.cells[4].innerHTML = "<input class='form-control' name='awal' value='" + awal + "'>";
  row.cells[5].innerHTML = "<input class='form-control' name='akhir' value='" + akhir + "'>";
  row.cells[8].innerHTML = "<button type='button' name='save' class='btn btn-danger'><i class='fas fa-save'></i></button>";
  
  // trigger the selected value;
  $('select[name="ststable"]').val(ststable).trigger('change');
});