下拉列表 MVC 3 Razor 中的选定索引更改事件答案

【问题标题】：DropDown List Selected Index Change Event In MVC 3 Razor下拉列表 MVC 3 Razor 中的选定索引更改事件
【发布时间】：2012-10-05 11:06:49
【问题描述】：

如何编写 MVC 3 Razor Web 应用下拉列表的 Selected Index Change 事件

【问题讨论】：

这个问题可能对你有帮助：stackoverflow.com/questions/1090948/…

标签： c# asp.net-mvc-3 razor

【解决方案1】：

如上一个答案所述，您必须使用 ajax 编写 Javascript。但是，它也可以像将表单返回到相同的操作一样简单，然后捕获值以再次重新显示修改后的视图。

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

【讨论】：

【解决方案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);}

【讨论】：