web-dev-qa-db-ja.com

select2を読み取り専用にするにはどうすればよいですか？

Select2には「読み取り専用」機能がないことを知っています。 こちら を確認してください。どうすればそれを達成できますか？どんな助けでもいただければ幸いです。ありがとう。注：無効を使用することはできません。無効を使用すると、選択した値のリストが表示されません。

htmljquery-select2readonly
3
Rajesh Samui

私はこれが私のために働いたので、問題は解決されたか、より高いバージョンで利用できるかもしれないと思います。

ここでselect2を読み取り専用にするには、例を実行してください： Select 2

Jsコードの場合：

$("select").select2("readonly", true);

次のような独自のCSSを配置できます。

.select2-container.select2-container-disabled .select2-choice {
  background-color: #ddd;
  border-color: #a8a8a8;
}
2
Manisha
$('.js-example-basic-single').select2({
  disabled: true
});

ページの読み込みが解決されたら、無効な属性をレンダリングします。

注意：属性が無効になっているフィールドはフォームに送信されません

0
Victor Matuk

これを試して：

$('select option:selected').attr('disabled','disabled');

[〜＃〜]編集[〜＃〜]：

Select 2バージョン4+を使用している場合、新しい方法は次のようになります。

$("select").prop("disabled", true); // instead of $("select").enable(false);

質問を明確にした後、これはそれを行う正しい方法です：

$('select').select2().enable(false);
0
joel lopez