jquery將值綁定到html選擇標記

Question

任何人都可以幫助以下：

我有一個ajax方法，它調用服務器端代碼並​​檢索書籍列表並加載到html表中。

   function LoadData(data) {

  var tbody = $("#accountTable > tbody").html("");
  var thead = $("#accountTable > thead").html("");

   var rowHead = "<tr>"
                + "<th style='border-bottom-style:dotted;border-bottom-width:1px;font-size:10px'>Name</th>"
                + "<th style='border-bottom-style:dotted;border-bottom-width:1px;font-size:10px'>Quantity</th>"
                + "<th style='border-bottom-style:dotted;border-bottom-width:1px;font-size:10px'>Price</th>"
                + "<th style='border-bottom-style:dotted;border-bottom-width:1px;font-size:10px'>Status</th>"
                + "</tr>";
    $(rowHead).appendTo(thead);

    // ASP.NET encapsulates JSON responses in a property "d"
    if (data.hasOwnProperty("d")) 
    { 
        data = data.d;     
    }

    //iterate through and append to table
    for (i = 0; i < data.length; i++) {
     var rowText = "<tr><td style='text-align: left;font-size:10px;'>" + data[i].Name
        + "</td><td style='text-align: left;font-size:10px;'>" + data[i].Quantity 
        + "</td><td style='text-align: left;font-size:10px;'>" + data[i].Price 
        + "</td><td style='text-align: left;font-size:10px;'>"
        + "<select id=" + data[i].Id + ">"
        + "<option value='Unconfirmed'>UnConfirmed</option>" 
        + "<option value='Confirmed'>Confirmed</option>"
        + "<option value='Suspend'>Suspend</option>"
        + "</select></td></tr>";
        $(rowText).appendTo(tbody);

        } 
}

如何將數據庫中的字段Status（data [i] .Status）值綁定到select標記。 用戶可以切換此值，但默認值應綁定到數據庫中的值。 提前致謝。

Answer 1

用這樣的代碼替換代碼的相應部分（如果我正確理解你的需要）：

for (i=0;i<data.length;i++) {
  var options = {"unconfirmed":"","confirmed":"","suspend":""};
  options[data[i].Status] = "selected";
  ...
  + "<option value='Unconfirmed' "+options.unconfirmed+">UnConfirmed</option>"
  + "<option value='Confirmed' "+options.confirmed+">Confirmed</option>"
  + "<option value='Suspend' "+options.suspend+">Suspend</option>"
  ...
}

Answer 2

這樣做的直接方法就是這樣做。

    + "<option value='Unconfirmed'"+(data[i].Status == "Unconfirmed"?" selected":"")+">UnConfirmed</option>" 
    + "<option value='Confirmed'"+(data[i].Status == "Confirmed"?" selected":"")+">Confirmed</option>"
    + "<option value='Suspend'"+(data[i].Status == "Suspend"?" selected":"")+">Suspend</option>"