Учитывая следующие классы и метод действий контроллера:
public School
{
public Int32 ID { get; set; }
publig String Name { get; set; }
public Address Address { get; set; }
}
public class Address
{
public string Street1 { get; set; }
public string City { get; set; }
public String ZipCode { get; set; }
public String State { get; set; }
public String Country { get; set; }
}
[Authorize(Roles = "SchoolEditor")]
[AcceptVerbs(HttpVerbs.Post)]
public SchoolResponse Edit(Int32 id, FormCollection form)
{
School school = GetSchoolFromRepository(id);
UpdateModel(school, form);
return new SchoolResponse() { School = school };
}
И следующий вид:
<form method="post">
School: <%= Html.TextBox("Name") %><br />
Street: <%= Html.TextBox("Address.Street") %><br />
City: <%= Html.TextBox("Address.City") %><br />
Zip Code: <%= Html.TextBox("Address.ZipCode") %><br />
Sate: <select id="Address.State"></select><br />
Country: <select id="Address.Country"></select><br />
</form>
Я могу обновить экземпляр школы и адрес в школе. Это очень приятно! Спасибо команде ASP.NET MVC!
Однако, как я могу использовать jQuery для выбора раскрывающегося списка, чтобы я мог его предварительно заполнить? Я понимаю, что я мог бы сделать эту серверную часть, но на странице будут влиять другие динамические элементы, которые влияют на список.
Следующее - это то, что у меня есть до сих пор, и оно не работает, поскольку селекторы, похоже, не соответствуют идентификаторам:
$(function() {
$.getJSON("/Location/GetCountryList", null, function(data) {
$("#Address.Country").fillSelect(data);
});
$("#Address.Country").change(function() {
$.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
$("#Address.State").fillSelect(data);
});
});
});