javascript - 设置下拉列表的选定值，其中使用 Jquery 动态附加下拉列表的选项

Question

请帮助如果有人有解决方案。

我正在使用 dependency Dropdown , 在哪里选择Dealer's Dropdown Customer's List与 Jquery 动态绑定(bind).

在根据 Dealer Value 编辑模式时，我正在调用 Document.Ready 中的函数通过从 Ajax 调用获取数据来附加客户列表。

执行此函数后，我从选项中设置了选定值，但显示的是 null/blank .尝试了许多解决方案。我在这个网站上提到了很多问题，但结果是一样的。我哪里做错了吗？

<select id="ddlcustomerlstEdit" name="ddlcustomerlstEdit" class="form-control">
         <option value=""> -select Customer- </option>
</select>

这是在 document.ready 中调用的函数中列表的动态绑定(bind).

if (data != "Blank") {
      $("#ddlcustomerlstEdit").html("");
           var str = '<option value=""> -Select Customer- </option>';
           for (var i = 0; i < data.length; i++) {
               str += '<option value=' + data[i].CustomerID + '> ' + data[i].CustomerName + '</option>';
           }
                        $("#ddlcustomerlstEdit").append(str);
}

一旦执行此函数，我就会设置选定的值。

var customerIdVal = $("#hdnCustomerID").val();
$('#ddlcustomerlstEdit option[value="' + customerIdVal+'"]').attr("selected", "true");
alert($("#ddlcustomerlstEdit").val());

$("#hdnCustomerID")该值来自模型，它包含的值存在于 <option> 中然而即将到来的警报始终为空或空白。

编辑

Answer 1

这应该有效。

$(document).ready(function() {
  var data = [{
    'CustomerID': '2',
    'CustomerName': 'Test55'
  }];
  if (data != "Blank") {
    $("#ddlcustomerlstEdit").html("");
    var str = '<option value=""> -Select Customer- </option>';
    for (var i = 0; i < data.length; i++) {
      str += '<option value=' + data[i].CustomerID + '> ' + data[i].CustomerName + '</option>';
    }
    $("#ddlcustomerlstEdit").append(str);

    var customerIdVal = $("#hdnCustomerID").val();
    $('#ddlcustomerlstEdit option[value="' + customerIdVal + '"]').attr("selected", "true");
    alert($("#ddlcustomerlstEdit").val());
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="ddlcustomerlstEdit" name="ddlcustomerlstEdit" class="form-control">
         <option value=""> -select Customer- </option>
</select>

<input type='hidden' value='2' id='hdnCustomerID' />