gpt4 book ai didi

javascript - 如何使用jquery取消选择选项

转载 作者:太空狗 更新时间:2023-10-29 15:40:05 24 4
gpt4 key购买 nike

下面是我的 HTML。我在 select 标签中给出了多个 option 元素。

<select class="car" multiple size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

我可以通过按住 CTRL 键进行多选。我能够使用以下 jQuery 检索选定的值

$.each($(".car option:selected"), function() {
countries.push($(this).val());
});

如何使用 jQuery 取消选择值?所选值将突出显示,如下所示:

enter image description here

提前致谢

最佳答案

selected 属性设置为 false:$(selector).prop('selected', false)

我添加了一个按钮并附加了一个点击事件以便能够演示。

var countries = [];

function unselect() {
$.each($(".car option:selected"), function () {
countries.push($(this).val());
$(this).prop('selected', false); // <-- HERE
});
}

$("#unselect").click(unselect);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="car" multiple size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

<input type="button" value="unselect" id="unselect" />

关于javascript - 如何使用jquery取消选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39245967/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com