枚举下拉列表的事件更改

Question

在视图中

@Html.EnumDropDownListFor(model => model.Field)

型号

public Fields Field { get; set; }

public enum Fields
{
    First = 1,
    Second
}

这些是我的标记

<select id="Field" name="Field">
    <option selected="selected" value="1"> First</option>
    <option value="2">Second</option>
</select>

这些脚本不会调用

$('select#Field').change(function () {
    var orderIdd = $('#Field').val();
    alert(orderIdd);
});

Answer 1

尝试以下方法：

在你看来；像这样更改声明：

@Html.EnumDropDownListFor(model => model.Field,"Select..." ,new { @class="fields-select"})

并更新您的 javascript 代码如下：

$(document).ready(function(){
    $('select.fields-select').change(function () {
        var orderIdd = $(this).val();
        alert(orderIdd);
    });
});

在您的情况下，为 select 生成的 ID 可能与 id="Field" 不同。