2012-12-16 140 views
0

我已经使用jQuery的获选plugin.I已在下拉列表中动态地填补了数据之后,选择选项。不允许选择所有的jQuery选择

我已经允许选择多个option.But我的问题是,如果用户选择的所有选项,然后不允许选择其他option.If用户删除所有的选择,那么允许。

jQuery的选取:http://harvesthq.github.com/chosen/

<select id="test" data-placeholder="Select Department..." class="chzn-select" multiple tabindex="6"> 
    <option value=""></option> 
    <option value="-1">All</option> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 
+0

任何更新?我尝试了下面的答案代码,但它不工作。 – Hkachhia

回答

1

嗯,这很容易...所有你需要做的是,在每次取消一切,但所有选项使用选择的东西...在这里不用代码:

//first we cache the all option selector 
var theAllOption = $('#test option[value="-1"]'); 
$("#test").on({ 
    change: function() { 
     var element = $(this); 
     //if the all option is selected we find all the selected options and deselect them 
     if (theAllOption.is(":selected")) { 
      element.find("option:selected").not(theAllOption).removeAttr("selected"); 
     } 
    } 
});​ 

工作示例可以在这里找到:http://jsfiddle.net/senegalo/EKvUE/3/

一个工作示例随着选上的插件:http://jsfiddle.net/senegalo/EKvUE/4/

+0

它不在小提琴中工作! –

+0

这不适用于选择jquery。我需要工作的jQuery插件选择 – Hkachhia

+0

@Harry对不起..我虽然你想选的......反正这里的替代是一个微调的版本一起工作选择了“您只需触发元素上的更新” –