jquery - 当 DropDownListFor 项目更改 ASP.Net MVC 时执行脚本

Question

我有一个像这样的 DropDownListFor ：

    <div class="drop-down-list">
        <%: Html.DropDownListFor(model => model.StageId, ViewBag.StagesList as SelectList,new { @id="stageOne"})%>
        <%: Html.ValidationMessageFor(model => model.StageId) %>
    </div>

当所选项目更改时，我需要在下面的代码中闪光，填充视图栏并填充另一个DropDownListfor。其实我想在 asp.net mvc 中构建两个级联的 DropDownListFor 。

  <script>
    $('#stageOne').change(function () {
        $.ajax({
            url: '/Shop/ChangeStageTwo/',
            data: { item: $("#drop-down-list").sortable('toString') },
            type: 'post',
            traditional: true 
        });

    });
  </script>

但是当用户更改第一个 DropDownListFor 时，什么也没有发生。问题是什么？？非常感谢。

Answer 1

正如 Michael_B 所说，我将代码更改为此，问题解决了：

 $(function () {
   $('#stageOne').change(function () {
        $.ajax({
            url: '/Shop/ChangeStageTwo/',
            data: { item: $("#drop-down-list").sortable('toString') },
            type: 'post',
            traditional: true 
        });

    });
 });