Выпадающие списки в JavaScript не работают

Question

Я разрабатываю сайт на основе MVC 4. Когда я начал развиваться, я использовал jQuery 1.7, затем 1.8. У меня есть два раскрывающихся списка на странице. Я хочу обновить второй, используя значение первого. Поэтому я попытался использовать 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> 

Answer 1

Я думаю, что ваша проблема здесь ... вы задаете переменную с именем monthSelect, а затем попытаетесь получить доступ к другому имени переменной. Вам нужно установить переменную skillSelect для указания на другой список? Или, может быть, это опечатка, и у вас неправильное имя переменной?

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

Answer 2

Несколько API были удалены/изменены с jquery 1.9.0v. Чтобы узнать, что все изменения, сделанные в 1.9v, ссылаются на ссылку this. Вам нужно включить сценарии миграции jquery в ваше приложение, чтобы использовать эти депрепаративные функции.

См. Ссылки ниже.

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

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