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

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

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

どもです。

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

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

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

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

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