时间戳

首页 > 解决方案 > 如何设置选中的下拉菜单

javascript - 如何设置选中的下拉菜单

问题描述

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

 $('#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;

标签： javascriptjquery

解决方案

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

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

推荐阅读