更改@ 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"}})

如果我将“有效”值更改为“无效”，则会显示一个警报框。 如何显示警报框。

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在以下查询中附加的dropdownlist值时，将调用Change事件）：-

 <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脚本文件包含在您的主布局中，主要是在视图->共享-> _Layout.cshtml中