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

时间:2014-07-31 11:27:53

标签: javascript jquery jquery-chosen

我在MVC剃须刀中使用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  
}

在上面我还需要身份证吗?

1 个答案:

答案 0 :(得分:2)

您只需使用

即可
$('#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