readonlyのセレクトボックスを値変更不可にするjavascript - Qiita

概要 htmlのselectタグにreadonly属性をつけても、見た目それっぽくなるだけで変更できてしまう。 それを解決する方法の1つである「選択中以外の選択肢をすべてdisabledにする」の汎用コード。 本題 jQuery版 $(function(){ $("form select[readonly] > option:not(:selected)").attr('disabled', 'disabled'); }) window.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('select[readonly] option') .forEach(e => e.disabled = !e.selected); });