更改 @html.DropDownList 值时显示警告框

Question

  @Html.DropDownListFor(model => model.Status, new List<SelectListItem> 
       { new SelectListItem{Text="Active", Value="1",Selected =true},
         new SelectListItem{Text="Deactive", Value="0"}})

如果我将值 Active 更改为 De active，则显示一个警报框。如何显示警告框。

Answer 1

您可以使用 Jquery 中的 change() 处理程序来监听事件。

$( "#targetId").change(function() {
     alert( "Something changed handle it here" );
});

http://api.jquery.com/change/

Answer 2

  Razor:-


 @Html.DropDownListFor(model => model.Status, new List<SelectListItem> 
               { new SelectListItem{Text="Active", Value="1",Selected =true},
                 new SelectListItem{Text="Deactive", Value="0"}})

Jquery（当您更改其 id 在下面的查询中附加的下拉列表值时调用更改事件）：-

 <script>

    $(document).ready(function(){
        $('select#status').change(function() {
            alert("value changed. New value is " + $(this).val());
    });
    });
});

</script>

Answer 3

将此代码添加到您的主布局或下拉菜单所在的视图中：

第一种方式：

jQuery 代码：

<script>

    $(document).ready(function(){

     $('select#status').change(function() {
            alert($(this).val());
    });
});

</script>

第二种方式：

或者您可以像这样添加自己的 id：

 @Html.DropDownListFor(model => model.Status, new List<SelectListItem> 
               { new SelectListItem{Text="Active", Value="1",Selected =true},
                 new SelectListItem{Text="Deactive", Value="0"}
               },
                 null,
                 new {@id="DDLStatus"})

和脚本：

  <script>

        $(document).ready(function(){

         $('select#DDLStatus').change(function() {
                alert($(this).val());
        });
    });

    </script>

注意：确保 jquery 脚本文件包含在您的主布局中，主要是在 View --> Shared --> _Layout.cshtml