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

Question

下面是我的 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 取消选择值？所选值将突出显示，如下所示:

提前致谢

Answer 1

将 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" />