2013-02-13 56 views
8

我在grails環境中使用choose.js作爲下拉窗體。 我希望用戶能夠選擇一個空的選項,但不知何故它被忽略。 必須有可能做到這一點? 因爲解決方法設置選項如「select-none」,稍後在data-bindig中創建一個if條件,如果select-none value =「」會變得不穩定。jquery選擇,空字符串作爲選項

顯示我的問題:

例如這個選擇:

<g:select id="foo" data-placeholder="bar" class="foo chzn-select" style="width: 245px;" tabindex="4" 
        from="${['M', ' ', 'F']}" value="foo" name="titel"/> 

將返回:

enter image description here

當然這是選擇了一個不錯的功能,但我想我的案件是一種常見的情況,也許你的某個人已經有解決方案來覆蓋這種行爲

在此先感謝

+2

如果在列表中包含空白選項作爲第一個選項,會有幫助嗎? – uchamp 2013-02-13 11:27:12

回答

3
<g:select name="foo" from="${foos}" noSelection="[' ':' ']" /> 
+0

謝謝,這個作品! ;) – 2017-01-10 21:22:39

13

經過一番研究,我發現這個線程

https://github.com/harvesthq/chosen/issues/93

和我的解決辦法的選擇

$("#id").prepend("<option value='' >&nbsp;</option>"); 

因此,這一個是初始化之前通過JS前面加上一個選項已解決,感謝&nbsp;和每個看過這個的人

+2

這將隱藏取消選擇選項。 – 2013-11-11 07:14:10

13

您也可以將* allow_single_deselect *設置爲true。這將有一個'x',允許用戶取消選擇該選項。

$(".chzn-select").chosen({ allow_single_deselect:true }); 
+0

請注意,這還不夠,必須有一個空值的選項。 – TeeJay 2016-07-15 14:02:03