SOFTELメモ

</> 技術者募集

【JavaScript】selectをreadonlyにする

問題

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

disabled じゃなくて、readonlyです。

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

select box を readonly にする

答え

readonuly属性では無理です。

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

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

デモ

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

関連するメモ

コメント