根据MVC2中第一个下拉列表的选择值填充第二个下拉列表

我遇到了与这个问题相同的问题，所以我尝试了他的解决方案，但我无法使其工作，可能是因为我对jquery和javascript的了解很少。当我在Firebug中调试它时，我看到它在line:

$.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.

非常感谢您的建议。