如何讓Json對象下拉？

Question

在嘗試更多級聯下拉之後，我決定通過Jquery來完成。

這是我cityController

public ActionResult States(int id) 
    { 
     AcademicERP.Models.AcademicERPDataContext dc = new AcademicERPDataContext(); 
     var states = from s in dc.States 
         where s.CountryID == id 
         select s; 
     return Json(states.ToList()); 
    } 

，我試圖從

城市叫它/有腳本

var ddlCountry; 
var ddlStateID; 

function pageLoad() { 
    ddlStateID = $get("StateID"); 
    ddlCountry = $get("CountryID"); 
    $addHandler(ddlCountry, "change", bindOptions); 
    bindOptions(); 
} 
function bindOptions() { 
    ddlStateID.options.length = 0;   
    var CountryID = ddlCountry.value; 
    if (CountryID) { 
// some logic to call $.getJSON() 
     } 

創建頁面，我有DD的意見

<%= Html.DropDownList("CountryID") %> 
<select name="StateID" id="StateID"></select> 

那麼什麼是getJSON參數？ 我指的是blog。但不工作。

Answer 1

像這樣：

function bindOptions() 
{ 
    ddlStateID.options.length = 0; 
    var CountryID = ddlCountry.value; 
    if (CountryID) 
    { 
     var url = "/<YOUR CONTROLLER NAME>/States/" + CountryID; 
     $.get(url, function(data) { 
      // do you code to bind the result back to your drop down 
     }); 
    } 
} 

OR，而不是使用頁面加載，我會完全使用它的jQuery：

$(document).ready(function() { 
    $("#CountryID").change(function() { 
     var strCountryIDs = ""; 
     $("#CountryID option:selected").each(function() { 
      strCountryIDs += $(this)[0].value; 
     }); 

     var url = "/<YOUR CONTROLLER NAME>/States/" + strCountryIDs; 
     $.getJSON(url, null, function(data) { 
      $("#StateID").empty(); 
      $.each(data, function(index, optionData) { 
       $("#StateID").append("<option value='" 
        + optionData.StateID 
        + "'>" + optionData.StateName 
        + "</option>"); 
      }); 
     }); 
    }); 
}); 

類似的東西...