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);}