タグ付けされた質問 「jquery-select2」

28
Select2がブートストラップモーダルに埋め込まれていると機能しない
ブートストラップモーダルでselect2(入力)を使用すると、何も入力できません。それは無効のようなものですか?モーダルの外側ではselect2は正常に動作します。 作業例:http : //jsfiddle.net/byJy8/1/ コード: <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Panel</h3> </div> <div class="modal-body" style="max-height: 800px"> <form class="form-horizontal"> <!-- Text input--> <div class="control-group"> <label class="control-label" for="vdn_number">Numer</label> <div class="controls"> <!-- seleect2 --> <input name="vdn_number" type="hidden" id="vdn_number" …

30
select2の値をリセットしてプレースホルダーを表示
select2によってリセットされた値にプレースホルダーを設定するにはどうすればよいですか。私の例では、場所またはグレード選択ボックスがクリックされ、select2に値がある場合、select2の値がリセットされ、デフォルトのプレースホルダーが表示されます。このスクリプトは値をリセットしていますが、プレースホルダーは表示されません $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "Studiengang wählen", width: 'resolve', id: function(e) { return e.subject; }, minimumInputLength: 2, ajax: { url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1", dataType: 'json', data: function(term, page) { return { q: term, // search term …

18
select2-検索ボックスを隠す
私のより重要な選択については、Select2の検索ボックスはすばらしいです。ただし、1つの例では、4つのハードコードされた選択肢の単純な選択があります。この場合、検索ボックスは不必要で、少しばかげて存在しているように見えます。どういうわけかそれを隠すことは可能ですか?オンラインでドキュメントを調べましたが、コンストラクターでこれに関するオプションを見つけることができませんでした。 もちろん、通常のhtml selectを使用することもできますが、一貫性を保つために、可能であればSelect2を使用したいと思います。

11
ChosenとSelect2の違いは何ですか?
選ばれたとSelectセレクトは selectboxesを拡張するための2つの人気のライブラリです。 どちらも積極的にメンテナンスされているようで、Chosenは古く、jQueryとPrototypeの両方をサポートしています。 Select2はjQueryのみであり、そのドキュメントにはSelect2がChosenに触発されていると記載されていますが、行われた改善(ある場合)やその他の書き換えの理由については詳しく説明されていません。 2つのライブラリの機能セットはほとんど同じですが、私が見つけた唯一の比較は、やや決定的でないjsperfテストページです。 これらのライブラリのいずれかは、他のライブラリよりも優れていますか?

11
select2入力の幅を設定する(Angular-uiディレクティブを使用)
このplunkr(select2 + angulat-ui)を機能させるのに問題があります。 http://plnkr.co/edit/NkdWUO?p=preview ローカルセットアップで、select2の動作を取得しましたが、ドキュメントで説明されているように幅を設定できません。幅が狭すぎて使用できません。 ありがとうございました。 編集:そのplnkrを気にしないでください、私はここhttp://jsfiddle.net/pEFy6/で作業フィドルを見つけました 最初の要素の幅に縮小するのはselect2の動作のようです。ブートストラップをclass="input-medium"使用して幅を設定できますが、angular-uiが構成パラメーターを取得しない理由はまだわかりません。



3
Select2またはChosenの適切にテストされた代替はありますか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 基本的に同じ機能を提供するが、適切なテストを含むSelect2の代替を探しています。 聖杯の探求?最後のユニコーン?

28
jquery select2の選択された値を設定するにはどうすればよいですか?
これは、select2バージョン4より前のコードに属しています 私はselect2ajaxからデータを取得する簡単なコードを持っています $("#programid").select2({ placeholder: "Select a Program", allowClear: true, minimumInputLength: 3, ajax: { url: "ajax.php", dataType: 'json', quietMillis: 200, data: function (term, page) { return { term: term, //search term flag: 'selectprogram', page: page // page number }; }, results: function (data) { return {results: data}; } }, dropdownCssClass: "bigdrop", …

11
jQuery select2はselectタグの値を取得しますか?
こんにちは、これは私のコードです: <select id='first'> <option value='1'> First </option> <option value='2'> Second </option> <option value='3'> Three </option> </select> これは私のselect2コードです: $("#first").select2(); 以下は、選択した値を取得するためのコードです。 $("#first").select2('val'); // It returns first,second,three. これはのようなテキストを返しfirst,second,threeます1,2,3。 テキストではなく選択ボックスの値が必要であることを意味します。

8
Ajaxリクエストを介してJSONでSelect2を使用する方法は?
私Selectセレクト3.4.5は、JSONデータを扱うされません。 HTMLの入力ボックスは次のとおりです。 <input class='form-control col-lg-5 itemSearch' type='text' placeholder='select item' /> …そして私のJavaScript $(".itemSearch").select2({ placeholder: "Search for an Item", minimumInputLength: 2, ajax: { url: "/api/productSearch", dataType: 'json', quietMillis: 100, data: function (term, page) { return { option: term }; }, results: function (data, page) { var more = (page * 10) < …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.