后动态生成选项设置DROPDOWNLIST值

Question

我有这样的代码来填充下拉列表

 $("#btnEditInfo").click(function (e) { 

      e.preventDefault(); 

      $("#ddlLocations").empty().append($("<option></option>").val("[-]").html("[-- Please Select Location --]")); ; 
      populateLocationDDL(); 
      $("#ddlLocations").val(4); 

这里是populateLocationDDL

function populateLocationDDL() { 

     $.ajax({ 
      type: "POST", 
      url: "adminc.aspx/GetLocationList", 
      data: "{}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (arten) { 
       $.each(arten.d, function (val1, text) { 
        $("#ddlLocations").append($("<option></option>").val(text.LocationID).html(text.Name)); 
       }); 
       $("#ddlLocations").append($("<option></option>").val(arten.length + 1).html("Other...")); 
      } 
     }); 
    } 

现在我希望能够选择在4选项下拉列表..但它不工作

任何帮助将不胜感激。 这里是小提琴 jsfiddle.net/yYZ48
感谢

Answer 1

我得到了自己的答案在这里 Check Here

我感动我的。 val（）代码转换成ajax回调函数，它的功能就像一个魅力

  $.ajax({ 
      type: "POST", 
      url: "adminc.aspx/GetLocationList", 
      data: "{}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (arten) { 
       $.each(arten.d, function (val1, text) { 
        $("#ddlLocations").append($("<option></option>").val(text.LocationID).html(text.Name)); 
       }); 
       $("#ddlLocations").append($("<option></option>").val(arten.length + 1).html("Other...")); 

       // Select Location Based on USer ID 
       $("#ddlLocations").val("3"); 
       PopulateLocationDetails(); 
      } 
     }); 

Answer 2

试试这个：

$("#ddlLocations option:eq(3)").attr('selected', 'selected'); 

或本：

$("#ddlLocations").val($("#ddlLocations option:eq(3)").val());