ど素人から毛を生やす。<延>

セレクトボックスをreadonlyにする。

Web > javascript 2022年8月4日(最終更新:2年前)

2022年8月4日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

どもです。

selectにreadonly属性をつけても、プルダウンの選択・変更はできてしまいます。
変更できてしまうのではreadonlyじゃないじゃないか。

$("select[readonly]").each(function(){
	$(this).find('option:not(:selected)').prop('disabled', true);
});

オプションをdisabledにすることで、選択不可にできます。
なお、初期状態のselectは一番上の項目がselected扱いなので、無選択状態を考慮した処理は不要。

ちなみにselect[disabled]だとプルダウンを開くこともできない。

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった (0)
  • (・∀・) 参考になった (0)
  • (`・ω・´) 役に立った (0)