2013-02-13 13 views
8

私はgrails-environment上のフォームでselected.jsをドロップダウンに使用しています。 私はユーザに空のオプションを選択させたいが、何とか無視される。 これは可能性がありますか? select-none value = ""をunprettyにすると、 "select-none"やdata-bindigのようなオプションを設定する回避策はif条件を作成するためです。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

答えて

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

ありがとう、これは動作します! ;) –

13

でのおかげでいくつかの研究の後、私はこのスレッド

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

を発見し、私の解決策は、だから、この1つはある選ばれた

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

の初期化前にJSを経由してオプションを付加して&nbsp;とこれを見てみんなのおかげで解決済み

+2

これにより、選択解除オプションが非表示になります。 –

13

* allow_single_deselect *をtrueに設定することもできます。これには、ユーザーがオプションの選択を解除できる「x」があります。

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

これでは十分ではないことに注意してください。オプションも空の値でなければなりません。 – TeeJay

関連する問題