JavaScript中的下拉列表不起作用

时间:2013-04-13 14:44:13

标签: jquery asp.net-mvc html-select

我正在开发基于MVC 4的站点。当我开始开发时,我使用了jQuery 1.7,然后是1.8。我在页面上有2个下拉列表。我想使用第一个值更新第二个。所以我尝试使用onChange()。由于模板,我迁移到jQuery 1.9,但我的代码仍然不起作用。有什么建议?

    @Html.DropDownList("CategoryList", "---Select Category ---")
    @Html.DropDownList( "SkillList" , "-- select Skill --")
    <script>
    $('#CategoryList').onChange(function() {
        var selectedCategory = $(this).val();
        $.getJSON('@Url.Action("Category")', { id: selectedCategory }, function (months) {
            var monthsSelect = $('#SkillList');
            skillSelect.empty();
            // other of code ...


        });
    } );
</script>

2 个答案:

答案 0 :(得分:0)

我认为你的问题在这里......你设置了一个名为monthsSelect的变量,但后来尝试访问一个不同的变量名。您是否需要将skillSelect变量设置为指向其他列表?或者这可能是一个错字,你有一个错误的变量名称?

        var monthsSelect = $('#SkillList');
        skillSelect.empty();

答案 1 :(得分:0)

已从jquery 1.9.0v中删除/修改了几个API。要了解在1.9v中完成的所有更改,请参阅this链接。您需要在应用程序中包含jquery迁移脚本以使用这些不完整的函数。

请参阅以下链接。

http://blog.jquery.com/2013/02/16/jquery-migrate-1-1-1-released/

https://github.com/jquery/jquery-migrate/

相关问题