枚举下拉列表的事件更改

In view

@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);
});

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

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