如何在UI selectmenu中指定select function foreach选项

时间:2012-06-11 11:29:45

标签: javascript jquery html jquery-ui select-menu

我在我的项目中使用UI Selectmenu

UI selectmenu有一个选择选项,可以为所有选择菜单选项设置选择行为,例如:

$('.anything').
    selectmenu({
        select : function(event, options) { 
            spec_function('2')
        } 
    });

如何为每个选项或特定选项并非全部设置特定的选择行为?

1 个答案:

答案 0 :(得分:2)

使用switch-case语句,正如SurjithSM所说,发送您正在选择的选项的ID。就这样:

<script type="text/javascript">

$('.anything').
    selectmenu({
        select : function(event, options){ 
            switch(options['value']) { 
                case 'some_value_1': 
                    // anycode 1 ...
                    break;
                case 'some_value_2': 
                    // anycode 2 ...
                    break;
                case 'some_value_3': 
                    // anycode 3 ...
                    break;
                default:
                    // default anycode  ...
                    break;
            }
        }
    });

</script>