SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
てるてる動画

【JavaScript】セレクトボックスをreadonlyにする

問題

select要素でreadonlyしたいのですが、無理ですか。

disabled じゃなくて、readonlyです。

使用可能だけど、変更不可にしたいです。

select box を readonly にする

答え

readonuly属性では無理です。

考え方を変えると、選択中のoption以外をdisabled にするという手は使えます。

他をdisabledにすれば、有効な選択肢が選択中の1件のみとなり、選択肢を変えることができなくなることで、結果的にreadonlyっぽい動きになるというもの。

デモ

JavaScriptでoptionにdisabledをつけたり外したりすれば、readonlyにしたり解除したりに相当する動作ができる。

関連するメモ

コメント