设置按值选择的选项 = 来自后端的值

Question

我是 vertx 工具包的新手。我的 peb 文件中有一个表格和一个组合框：<select id="status">   <option value="1">active</option>   <option value="0">deactive</option></select>在tbody表格中，我想将该标签添加到 a tdby 中，outerHTML如下所示：$.ajax({        type: "GET",        url: "my/url",        success: function (data) {            var rowsTxt = "";            for (var i = 0; i < data.length; i++) {                var d = data[i];                var r = '<tr id="'+ d["bill_id"] +  '">' +                    '<td><input type="checkbox" class="minimal"                                    onIfChanged="update_btn_class()"/></td>' +                    '<td>' + d["user_name"] + '</td>' +                    '<td>' + d["pass"] + '</                    '<td>' + document.getElementById("status").outerHTML + '</td>' +                    '<td>' + d["time_create"] + '</td>';现在我需要这个组合框的值等于数据库中的值。我怎样才能做到这一点 ？？？非常感谢 ！

Answer 1

元素 ID 必须是唯一的，不能id="status"在表格的每一行中使用。

您需要克隆该#status元素，删除 ID，并为其分配所需的值。

$.ajax({

  type: "GET",

  url: "my/url",

  success: function(data) {

    data.forEach(function(d) {

      var row = $("<td>", {

        id: d.bill_id

      });

      row.append($('<td><input type="checkbox" class="minimal" onIfChanged = "update_btn_class()"/></td>'));

      row.append($('<td>', {

        text: d.user_name

      }));

      var combo = $("#status").clone().removeAttr('id');

      combo.val(d.status);

      var comboTd = $("<td>");

      comboTd.append(combo);

      row.append(comboTd);

      row.append($("<td>", {

        text: d.time_create

      }));

      $("#table").append(row);

    });

  }

});