已解決430363個問題，去搜搜看，總會有你想問的

如何在多選下拉列表中只允許選擇某些值的一個選項？

首頁猿問如何在多選下拉列表中只允許選擇某些...

如何在多選下拉列表中只允許選擇某些值的一個選項？

JavaScript

慕神8447489 2022-06-16 16:43:57

我想用以下選項制作一個下拉菜單。我希望能夠為選項 A、B 和 C 選擇一個多選值，但如果選擇了選項 D，則禁用多選。我怎樣才能做到這一點？謝謝。<label>Choose an option:</label> <select required multiple> <option>Please select</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">C</option> </select>

查看完整描述

1 回答

米脂

TA貢獻1836條經驗獲得超3個贊

如果選擇了“D”，則刪除其他選定的選項，否則允許多選。

{

document.addEventListener("mouseup", checkMultiple);

function checkMultiple(evt) {

if (!/option/i.test(evt.target.nodeName)) {

return true;

}

const selector = evt.target.parentNode;

const options = [...selector.querySelectorAll("option")];

if (options.find(v => v.value === "D").selected) {

options

.filter(v => v.value !== "D")

.forEach(v => v.selected = false);

}

<label>Choose an option:</label>

<option>Please select</option>

</select>

反對回復 2022-06-16

1 回答
0 關注
229 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在多選下拉列表中只允許選擇某些值的一個選項？

如何在多選下拉列表中只允許選擇某些值的一個選項？

1 回答

添加回答

如何在多選下拉列表中只允許選擇某些值的一個選項？