jQuery從頁面加載數據中設置選定的選項

Question

我有一個頁面使用jQuery加載頁面加載時的選項下拉菜單。這部分工作正常。然後，我想要在查詢字符串中包含的下拉菜單中設置選定的選項（如果有的話） - 如果沒有，則默認它。查詢字符串恢復正常，但我無法使所選選項的設置正常工作。在下面的代碼中，當我停在「調試器」行並檢查Select0時，它是未定義的（在成功加載之後），但是如果我允許代碼繼續運行，則下拉列表將填充來自ajax調用的數據。我猜測這就是爲什麼選擇的項目沒有被設置 - 只是無法弄清楚如何解決它。

$(document).ready(function() { 
    $.ajax({ 
      type: "POST", 
      url: "myPage.aspx/MyWebMethod", 
      contentType: "application/json; charset=utf-8", 
      data: "{}", 
      dataType: "json", 
      success: function (states) { 
       var jsonCodes = JSON.parse(states.d); 
       for (var i in jsonCodes) { 
        $("#Select0").append(new Option(jsonCodes[i].regionname, jsonCodes[i].region_id)); 
       } 
       var first = getUrlVars()["region"]; 
       if (first) { 
        $.fn.GetInventory(1, 10, reg, 'rank', 'asc'); // If there is a querystring use it 
        $("#Select0 option[text='" + reg + "']").get(0).selected = true; 
       } 
       else { 
        debugger; 
        var myText = 'United States'; 
        $("#Select0 option[text='" + myText + "']").get(0).selected = true; 
        $.fn.GetInventory(1, 10, 'United States', 'rank', 'asc'); // If no query string default to USA   
       } 
      } 
     }); 

Answer 1

您正試圖匹配不存在的text屬性。你不能寫：

$("#Select0 option[text='" + myText + "']").get(0).selected = true; 

您可以使用filter()代替：

$("#Select0 option").filter(function() { 
    return $(this).text() == myText; 
}).get(0).selected = true; 

或者，將帶庫的更多優勢：

$("#Select0 option").filter(function() { 
    return $(this).text() == myText; 
}).first().prop("selected", true); 

Answer 2

在代碼中有兩個錯誤。

$("Select0 option[text='" + reg + "']").get(0).selected = true; 

這是不正確的。切換到 - >

$("#Select0 option[text='" + reg + "']").get(0).selected = true; 

另外：

$("Select0 option[text='" + myText + "']").get(0).selected = true; 

這是不正確也是如此。更改爲：

$("#Select0 option[text='" + myText + "']").get(0).selected = true; 

應該工作。