MVC中Html.DropDownListFor的联动更新

[Eagle Liang]

Controller中有:
List<SelectListItem> StepList = new List<SelectListItem>();
StepList.Add(new SelectListItem { Text = "公文起草", Value = "公文起草" });
StepList.Add(new SelectListItem { Text = "公文审核", Value = "公文审核" });
StepList.Add(new SelectListItem { Text = "公文审批", Value = "公文审批" });
StepList.Add(new SelectListItem { Text = "公文分发", Value = "公文分发" });
StepList.Add(new SelectListItem { Text = "公文归档", Value = "公文归档" });

ViewData["StepList"] = StepList;

UserService us = new UserService();
List<SelectListItem> items = new List<SelectListItem>();
foreach (var user in us.getUesrByRight(stepName))
{
items.Add(new SelectListItem { Text = user.UserName, Value = user.UserName });
}
ViewData["UserList"] = items;

View中有:
<%=Html.DropDownListFor(model => model.StepName, ViewData["StepList"] as
IEnumerable<SelectListItem>)%>
<%=Html.DropDownListFor(model => model.Operator, ViewData["UserList"] as
IEnumerable<SelectListItem>)%>


用意:
当选择<%=Html.DropDownListFor(model => model.StepName, ViewData["StepList"] as IEnumerable<SelectListItem>)%>的值之后,
将选中的值用 UserList 的查询,得出的结果集显示在<%=Html.DropDownListFor(model => model.Operator, ViewData["UserList"] as IEnumerable<SelectListItem>)%>的下拉列表中
求指导

[Eagle Liang]

顶一下....帮帮忙

[Eagle Liang]

别沉了~~!~!~!

[子夜__]

DEMO

[从零开始向前看]

顶！顶！顶！顶！

[Harry1224]

学习观摩

[xaocker]

给你看个我写的例子就明白了：
二级联动：
View：
<script type="text/javascript">
$(function () {
$("#drpProvince").change(function () {
$("#drpCity").get(0).options.length = 0; //清空
$.getJSON("/Persons/GetCities/" + $(this).val(), null , function (data) {
$.each(data, function (i, item) {
$("<option></option>").val(item["ID"]).text(item["CityName"]).appendTo($("#drpCity"));
});
});
});
});
</script>

@Html.DropDownList("drpProvince",null,"请选择")
@Html.DropDownList("drpCity", null,"请选择")

Action：

public ActionResult Create()
{
List<Provinces> list = db.Provices.ToList();
ViewData["drpProvince"] = new SelectList(list, "ID", "ProvinceName");
ViewData["drpCity"] = new List<SelectListItem>();
return View();
}

//返回城市列表
public ActionResult GetCities(int? id)
{
List<Cities> list = db.Cities.Where(q => q.ProvincesID == id).ToList();
if (Request.IsAjaxRequest())
{
return Json(list, JsonRequestBehavior.AllowGet);
}
else
{
return View("");
}
}

[xaocker]

格式不好看，重新发：

二级联动：
View： 
<script type="text/javascript">    
    $(function () {       
        $("#drpProvince").change(function () { 
            $("#drpCity").get(0).options.length = 0; //清空
            $.getJSON("/Persons/GetCities/" + $(this).val(), null , function (data) {
                $.each(data, function (i, item) {
                    $("<option></option>").val(item["ID"]).text(item["CityName"]).appendTo($("#drpCity"));
                });
            });
        });
    });
</script>

@Html.DropDownList("drpProvince",null,"请选择")
@Html.DropDownList("drpCity", null,"请选择")

Action：

   	   public ActionResult Create()
        { 
            List<Provinces> list = db.Provices.ToList();
            ViewData["drpProvince"] = new SelectList(list, "ID", "ProvinceName");
            ViewData["drpCity"] = new List<SelectListItem>();
            return View();
        }

        //返回城市列表
        public ActionResult GetCities(int? id)
        {
            List<Cities> list = db.Cities.Where(q => q.ProvincesID == id).ToList();
            if (Request.IsAjaxRequest())
            {
                return Json(list, JsonRequestBehavior.AllowGet);
            }
            else
            {
                return View("");
            }
        } 

[zh66]

引用 7 楼 xaocker 的回复:

格式不好看，重新发：

二级联动：
View： 
<script type="text/javascript">    
    $(function () {       
        $("#drpProvince").change(function () { 
            $("#drpCity").get(0).options.length = 0; //清空
            $.getJSON("/Persons/GetCities/" + $(this).val(), null , function (data) {
                $.each(data, function (i, item) {
                    $("<option></option>").val(item["ID"]).text(item["CityName"]).appendTo($("#drpCity"));
                });
            });
        });
    });
</script>

@Html.DropDownList("drpProvince",null,"请选择")
@Html.DropDownList("drpCity", null,"请选择")

Action：

   	   public ActionResult Create()
        { 
            List<Provinces> list = db.Provices.ToList();
            ViewData["drpProvince"] = new SelectList(list, "ID", "ProvinceName");
            ViewData["drpCity"] = new List<SelectListItem>();
            return View();
        }

        //返回城市列表
        public ActionResult GetCities(int? id)
        {
            List<Cities> list = db.Cities.Where(q => q.ProvincesID == id).ToList();
            if (Request.IsAjaxRequest())
            {
                return Json(list, JsonRequestBehavior.AllowGet);
            }
            else
            {
                return View("");
            }
        } 

我按你的写了，但是有问题啊，求指教，qq:2596013975