在jquery-select2中选择值验证

时间:2014-01-20 08:15:19

标签: javascript jquery twitter-bootstrap jquery-select2

对于标记功能,我使用的是bootstrap select2插件。我有像

这样的标签
Process1,
Process2,
Process3, 
Process4,
ALL

代码: http://jsfiddle.net/WQZUB/

如果用户选择“全部”,则不允许他/她选择其他选项。 如何使用bootstrap-select2 js插件实现此功能?

提前致谢。

2 个答案:

答案 0 :(得分:1)

您需要为所有选项提供一些值,即选择。

然后检查下拉列表更改的值。并查看它是否包含所有内容。

$("selector").select2("val")

如果它包含all,则使用以下代码禁用。

$("selector").select2("enable", false);

答案 1 :(得分:1)

请看这里:http://jsfiddle.net/WQZUB/1/

正如我在评论中所说:使用'更改'事件

$(function() {
        $('.select2_notifyAfter').select2({
            placeholder: "Notify After",
            allowClear: true
        });

        $('.select2_notifyAfter').on('change', function(e){
               if( e.val.indexOf('4') >= 0 )
               {
                  $('.select2_notifyAfter').select2("val", "4");
               }
        });
    });

PS:我使用"4"因为<option value="4">ALL</option>