![](/img/trans.png)
[英]Populate a second DropDownList based on a selected value from other DropDownList
[英]Populating second DropDownList based on the selected value of first DropDownList in MVC2
我遇到了与该问题相同的问题,因此尝试了他的解决方案 ,但由于我对jquery和javascript的了解很少,因此无法使其正常工作。 当我在Firebug中调试它时,我发现它在以下行中断:
$.post('<%: ResolveUrl("~/Home/GetSubcategories/")%>' + $("#ddlCats > option:selected").attr("value"), function (data) {
我有一个正确的操作,它应该接受$("#ddlCats > option:selected").attr("value")
作为参数,但是它永远不会调用该操作,因此它永远不会返回JSON数据,因此它永远不会填充DDL。 我究竟做错了什么? 我想念什么吗?
这是我的模型:
public class DdlModel
{
public long Id { get; set; }
public string Name { get; set; }
}
这是控制器:
public class HomeController : Controller
{
public ActionResult Index()
{
List<DdlModel> cats = DB.Category.FindCategories();
SelectList ddlCats = new SelectList(cats, "Id", "Name", cats[0].Name);
ViewData["ddlCats"] = ddlCats;
return View();
}
[HttpPost]
public JsonResult GetSubcategories(long catId)
{
var subCat = DB.Subcategory.FindSubcategories(catId);
return Json(subCat);
}
}
这是我的观点:
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
$(document).ready(function () {
$('#ddlCats').change(function () {
$.ajaxSetup({ cache: false });
var selectedItem = $(this).val();
if (selectedItem == "" || selectedItem == 0) {
//Do nothing or hide...?
} else {
$.post('<%: ResolveUrl("~/Home/GetSubcategories/")%>' + $("#ddlCats > option:selected").attr("value"), function (data) {
var items = "";
$.each(data, function (i, data) {
items += "<option value='" + data.ID + "'>" + data.Name + "</option>";
});
$("#ddlsubCats").html(items);
$("#ddlsubCats").removeAttr('disabled');
});
}
});
});
</script>
<div>
<div>
<h2>
Choose category:
</h2>
<%:Html.DropDownList("ddlCats", (SelectList) ViewData["ddlCats"]) %>
</div>
<div>
<h2>
and subcategory:
</h2>
<select id="ddlsubCats" name="ddlsubCats" disabled="disabled">
</select>
</div>
</div>
</asp:Content>
我正在使用:jquery-1.5.1.min.js和jquery-ui-1.8.11.custom.min.js。
非常感谢您的任何建议。
尝试这样:
// TODO: make sure that the selectedItem variable represents a valid integer
// as the GetSubcategories expects it as argument:
var selectedItem = $(this).val();
if (selectedItem == "" || selectedItem == 0) {
//Do nothing or hide...?
} else {
var url = '<%= Url.Action("GetSubcategories", "Home") %>';
$.post(url, { catId: selectedItem }, function (data) {
...
});
}
请注意, GetSubcategories
需要一个名为catId
的参数,该参数必须是有效的64位整数。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.