Selectタグを読み取り専用にするにはどうすればいいですか。選択を読み取り専用に設定できないことを読みました。私はそれを無効に設定することができますが...それはオプションではありません。ユーザーにselectタグの残りのオプションを表示したいのですが、そのうちの1つを選択することはできません。
何か案は?
disabled属性を使用できます。
例えば。
<select >
<option disabled="disabled" value="volvo">Volvo</option>
<option disabled="disabled" value="saab">Saab</option>
<option disabled="disabled" value="mercedes">Mercedes</option>
<option disabled="disabled" value="audi">Audi</option>
</select>
タグid = "mySelectID"で、jQueryが常駐していると仮定すると、
<script language="javascript">
// disable all the options that are not in use:
$("#mySelectID option").not(":selected").attr("disabled", "disabled");
// to remove readonly, enable them again:
$("#mySelectID option").not(":selected").attr("disabled", "");
</script>
style="pointer-events:none;"
を追加することで、偽読み取り専用にすることができます
オプションタグに選択した無効な値を使用しました。
ユーザーにオプションを選択するように促し、同時にそのオプションを無効にするという目的に役立ちます。
例:
<option selected disabled>-Select-</option>
https://coderanch.com/t/469173/select-box-READONLY-true
選択ボックスを無効にする場合は、フォームを送信する前にJavaScriptコードを使用して有効にすることができます。そのため、フォームのonsubmitイベントで、選択ボックスを有効にして、フォームの送信時にその値も送信されるようにすることができます...