当DropDownListFor项改变ASP.Net MVC时执行脚本

时间:2013-02-19 17:12:32

标签: jquery asp.net-mvc dropdownlistfor

我有一个像这样的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时没有任何反应。问题是什么??非常感谢。

1 个答案:

答案 0 :(得分:0)

正如Michael_B所说,我将代码改为此,问题解决了:

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

    });
 });