c# - MVC 3 Razorのドロップダウンリストの選択されたインデックス変更イベント

Question

MVC 3 Razor Web アプリケーションの書き方 ドロップダウン リストの選択したインデックス変更イベント

Answer 1

前の回答で述べたように、ajax を使用して Javascript を作成する必要があります。ただし、フォームを同じアクションにポストし、値をキャプチャして変更されたビューを再表示するという単純な場合もあります。

$('#myDropdown').change(function(){
    $('#myForm').submit();
})

Answer 2

$(document).ready(function () {
$("#country").change(function () {
if ($("#country").val() != "0") {
var options = {};
options.url = "/Common/GetStates";
options.type = "POST";
options.data = JSON.stringify({ country: $("#country").val() });
options.dataType = "json";
options.contentType = "application/json";
options.success = function (states) {
//alert(states[i].State);
$("#state").empty();
for (var i = 0; i < states.length; i++) {
$("#state").append("<option>" + states[i].State1 + "</option>");}}
options.error = function () { alert("Error retrieving states!"); };
$.ajax(options);}
else {$("#state").empty();
}});
});

ビューで

<select id="state">
<option value="0">select</option>
</select>

コントローラーで

public JsonResult GetStates(string country){
int cntry = Convert.ToInt32(country);
List<State> states = db.States.Where(i => i.Countryid == cntry).ToList();
return Json(states);}