2012-12-16 95 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對不起..我雖然你想選的......反正這裏的替代是一個微調的版本一起工作選擇了「您只需觸發元素上的更新」 –