web-dev-qa-db-ja.com

HTMLの選択タグを無効/読み取り専用にする

Selectタグを読み取り専用にするにはどうすればいいですか。選択を読み取り専用に設定できないことを読みました。私はそれを無効に設定することができますが...それはオプションではありません。ユーザーにselectタグの残りのオプションを表示したいのですが、そのうちの1つを選択することはできません。

何か案は?

21
user818700

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>
34

タグ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>
11
armen

style="pointer-events:none;"を追加することで、偽読み取り専用にすることができます

2
Kim Jensen

オプションタグに選択した無効な値を使用しました。

ユーザーにオプションを選択するように促し、同時にそのオプションを無効にするという目的に役立ちます。

例:

<option selected disabled>-Select-</option>
0
Murali Ayyagari

https://coderanch.com/t/469173/select-box-READONLY-true

選択ボックスを無効にする場合は、フォームを送信する前にJavaScriptコードを使用して有効にすることができます。そのため、フォームのonsubmitイベントで、選択ボックスを有効にして、フォームの送信時にその値も送信されるようにすることができます...

0
ahll