javascript - JQuery Chosen 插件 - 获取所选选项的 ID

Question

我在 MVC razor 中使用 Chosen 插件，需要在 onchange 事件中获取所选项目 id:

<optgroup label="@col">
    foreach (String[] colSub in sList)
        {                                            
           <option id="@colSub[1]" class="opts">@colSub[0]</option> 
        }
</optgroup>

JQuery:

$('#chosen').on('change', function (evt, params) {
     var selectedOption = params.selected; //gives me the selectedOption = @colSub[0]
     var id = //i need the id here  
}

上面我还需要ID吗？

Answer 1

您只需使用

$('#chosen').on('change', function (evt, params) {
     var id = $(this).find('option:selected').prop('id');
});

您可以使用 .map() 生成选定 ID 的数组

$("#chosen").on('change', function (evt, params) {
    var SelectedIds = $(this).find('option:selected').map(function () {
        return $(this).prop('id')
    }).get();
    console.log(SelectedIds);
})

DEMO