如何在bootstrapselect onChange事件

时间:2015-06-08 09:04:42

标签: javascript twitter-bootstrap bootstrap-select

我正在使用表单中的bootstrap-select项目,并且我希望在选择值时获取所选值的optgroup值,因此我可以根据该组值评估要执行的操作:

$('select.selectpicker').on('change', function(e){

        var picker_id=e.target.id;
        var selected_value = $('.selectpicker option:selected').val();
        var optgroup = ??

        switch ( optgroup){
            case "group_name":

            break

        }
});    

感谢您的帮助。

2 个答案:

答案 0 :(得分:5)

您可以尝试以下操作:

$('select.selectpicker').on('change', function(e){
    var picker_id=e.target.id;
    var selected_option = $(this).find(":selected"); // get selected option for the changed select only
    var selected_value = selected_option.val();
    var optgroup = selected_option.parent().attr('label');

    console.log(optgroup);
    switch ( optgroup){
        case "group_name":

            break

    }
}); 

Example

答案 1 :(得分:0)

您是否希望获得“.selectpicker”类中的optgroups。 如果是这种情况,您可以使用

$('.selectpicker optgroup').length // will give you optgroups in the   selectpicker.
$('.selectpicker optgroup')[0].label // you can access attributes