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

Question

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

我正在使用dependency Dropdown，其中Dealer's Dropdown 的选择Customer's List 与Jquery 动态绑定。

根据经销商价值在编辑模式下，我在 Document.Ready 中调用一个函数，该函数通过从 Ajax 调用中获取数据来附加客户列表。

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

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

这是在document.ready 中调用的函数中 List 的动态绑定。

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' />