後動態生成選項設置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());