問題タブ [jquery-chosen]

私は、ユーザーが選択から複数のオプションを選択できるようにするために、jQuery でselected.js プラグインhttp://harvesthq.github.com/chosen/を使用しています。しかし、私は今、彼らにまだ存在していない価値を創造させたいと思っています.

編集：SO独自のタグ選択/作成バーに似たものは、私が求めているものに近いでしょう

プラグインを変更または編集しないことが望ましいですが、必要に応じて行います。

コード: HTML:

Javascript:

したがって、ユーザーが「Third Option」と入力した場合、それをリストに追加して選択したいと思います。値と表示名は同じ/同じになるので問題ありません

基本的なchoose.jsコードを使用してカスタマイズした人はいますか?

js、css、および png をダウンロードし、例からいくつかのコードをコピーし、独自の非常に単純な例を作成しましたが、何か不足しているに違いありません。選択した.cssと同じように、code.jquery.jsが含まれてロードされることを確認しました。

非常に単純な SELECT フィールド (ドロップダウン) を表示しようとすると、フィールドが非常に小さくなり、フィールドをクリックしても何も起こりません。selected.js を無効にすると、すべてのオプションが表示された SELECT を取得するだけです。

jQuery 内に単純な SELECT を追加する方法は次のとおりです (この例ではすべてハードコーディングされていますが、フィールドに動的に入力する必要があります)。

次に、オプションを含むモーダル ダイアログ ボックスを表示するときに、次のように呼び出します。

これまでのところ、あらゆる種類の順列を変更してテストし、解決策や例をグーグル検索しましたが、何も機能していないようです. おそらくどこかでセミコロンが欠けているなど、非常にばかげたものですが、この「10分間の実装」に多くの時間を費やしたので、助けを求める必要があります。

https://github.com/harvesthq/chosen

Jquery Chosen plugin を使用しているフォームにたくさんのselect要素があります。フォームをリセットするにはどうすればよいですか? 以下は機能しません。

http://harvesthq.github.com/chosen/の Chosen jQuery ウィジェットを使用しています。私のアプリケーションではほとんどのブラウザで問題なく動作しますが、IE8 の「互換表示」では動作しません。私の会社のイントラネットでは互換表示がイントラネット サイトのデフォルトであるため、これは私にとって問題です。上記のリンクにアクセスし、IE で互換表示に切り替えることで、問題をテストできます。

私がそれを完全にあきらめなかった理由は、このページhttp://davidwalsh.name/dw-content/jquery-chosen.phpで誰かが IE の互換表示で動作するようになったからです (自分の目で確かめてください)。

jQuery 1.6.2 と Chosen 0.9.5 を使用しています。互換表示の Windows XP および IE 8.0.6001。開発者ツールでブラウザ モードを IE8 に切り替えると問題なく動作しますが、すべてのユーザーがそうする必要はありません。以前にこのプラグインを使用して、IE8 の互換モードで動作させた人はいますか?

Chosen プラグインを使用して、選択で現在選択されているオプションを変更しようとしています。

ドキュメントでは、リストの更新と、オプションが選択されたときにイベントをトリガーすることについて説明していますが、現在選択されている値を外部から変更することについては (私が見ることができる) 何もありません。

コードと選択を変更する方法を示すために、jsFiddle を作成しました。

2 つの要素を隣り合わせに配置しました。どちらも jQuery Chosen プラグインを使用しています。

これはコードです：

これがジャバスクリプトです。もちろん、jQuery ライブラリ、最新の Chosen プラグイン、CSS はすべて適切に含まれています。

これが、上記のスクリプトで達成したいことです。

• 同じ値を持つ 2 つの select 要素があります。たとえば、要素1で値「1」が選択されている場合、要素2でそれを無効にしたい.
• でも。要素1で値「1」の選択を解除した後も、要素2では無効のままです。それは私が望んでいることではありません。最初の要素の値を選択解除すると、他の値が再び使用できるようになります。

これを達成する方法を知っている人はいますか？

編集

ここに JSFiddle を配置しました: http://jsfiddle.net/dq97z/3/。どんな助けでも大歓迎です！

ハーベスト (http://harvesthq.github.com/chosen/) で「Chosen」プラグインを使用しようとしていますが、これは渡したオプションの静的セットで機能します。ただし、私が望むのは、事前に入力されたオプションにないものを誰かが入力するたびに、それを新しいオプションとしてサーバーに送信し、応答が成功したときに、それを有効なリストに追加するだけでなく、オプションだけでなく、それを選択させます。

オプションのリロードは非常に簡単です:

ただし、「Chosen」プラグインにこれ​​を値として選択させる方法がわかりません。私は次のようなことをしたいと思います

または似たようなもの。

助言がありますか？

(ps: 選択したものに基づいて「タグ付け」プラグインを構築しようとしています。そのため、入力されたタグが存在しない場合は、サーバーに追加され、すぐに選択されます。)

私は JavaScript プログラマーになりたいので、選択したプラグインのコードを読んで理解しようとしています。

私は jquery プラグインの作成方法を知っており、モジュール パターンについて読んだことがありますが、このコードは私にはわかりません。

Chosen が自己呼び出し関数の場合 - なぜnewステートメントを使用して初期化するのですか? ありがとう

simple_form gem（2.0.0）を使用したRails3.2アプリケーションがあります。選択したフィールドにChosenを使用したい。今、:input_html => {:class => "chzn-select"}すべての選択フィールドにを追加する必要があります。

chzn-selectsimple_formによってレンダリングされた選択フィールドのデフォルトのhtmlクラスに追加する方法はありますか？