您好，如果您只選擇一個選項，有沒有辦法在選擇表單中禁用多個選項？
例如：
首先選擇表格
<select name="secondchoice" id="second">
<option value="None">None</option>
<option value="Content Dev">Content Dev</option>
<option value="Web">Web</option>
<option value="Science">Science</option>
<option value="Managing">Managing</option>
</select>
第二選擇表
<select name="day2" id="exam2">
<option value="None">None</option>
<option value="Monday">Monday</option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thursday">Thursday</option>
</select>
如果我在第一個表單中選擇“無”，那么第二個表單必須禁用“周一至周四”選項，第二個表單中唯一可用的選項也必須是“無”。謝謝！
uj5u.com熱心網友回復：
您可以通過在第一個選擇元素更改時通過檢查其值并相應地隱藏元素來隱藏第二個元素中的選項來使用javascript執行此操作，如下所示：
// Select Elements
const first = document.getElementById('first')
const second = document.getElementById('second')
// Option Elements
const one = document.getElementById('one')
const two = document.getElementById('two')
// Runs whenever first select has changed
first.onchange = () => {
// Checks First Selects Value
if (first.value === '1') {
// If '1' then hide TWO and show ONE
second.value = 'ONE'
one.hidden = false
two.hidden = true
} else if (first.value === '2') {
// Else, if '2' then hide ONE and show TWO
second.value = 'TWO'
one.hidden = true
two.hidden = false
}
}<select id='first'>
<option>1</option>
<option>2</option>
</select>
<select id='second'>
<option id='one'>ONE</option>
<option id='two'>TWO</option>
</select>這是一個非常基本的例子，可以改進很多。
uj5u.com熱心網友回復：
您可以disabled選擇元素本身及其每個選項。您可以找到 2 種方法來實作以下各項。
- 禁用選擇元素
- 禁用選項元素
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/418440.html
標籤：
上一篇：在字串串列中連接由空格分隔的字串
下一篇：單擊按鈕時發送GET請求