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

在主布局或视图中添加此代码，其中Dropdown为：

第一种方式：

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脚本文件，主要是在查看 - ＆gt;共享 - ＆gt; _Layout.cshtml

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

3 个答案:

第一种方式：

第二种方式：