jquery - jqueryが選択され、オプションとして空の文字列

Question

grails-environmentのフォームでドロップダウンにchosen.jsを使用しています。ユーザーが空のオプションを選択できるようにしたいのですが、どういうわけかそれは無視されます。これを行う可能性があるに違いありませんか？「select-none」のようなオプションを設定するための回避策と、後でdata-bindigで、select-none value=""の場合にif条件を作成するのは見栄えが悪いためです。

私の問題を示すために：

たとえば、この選択：

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

戻ります：

確かにこれは選択された優れた機能ですが、私の場合は一般的なケースであり、おそらくあなたの誰かがこの動作をオーバーライドするための解決策をすでに持っていると思います

前もって感謝します

Answer 1

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

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

Answer 2

いくつかの調査の後、私はこのスレッドを見つけました

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

私の解決策は、選択したものを初期化する前に、JSを介してオプションを追加することでした

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

 これを見てくれた皆さんのおかげで、これは解決されました

Answer 3

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

Answer 4

選択にすでに空白のオプションがある場合は、最初のステップをスキップできます。

1-次のように使用してみてください：

$(".chzn-select").prepend("<option value='' >&nbsp;</option>");

2-選択したものを選択したものに変換します。

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

3-オプション「allow_single_deselect」はオプションに赤いXを作成し、選択を解除してフィールドを空白の値のままにすることができます。

参照： https ：//harvesthq.github.io/chosen/options.html