时间戳

首页 > 解决方案 > 你如何正确地“重置”一个在常规 JS 中支持多个选项的元素？我希望能够自己重置 <select> 标签，而不是让它们与整个表单一起重置。这是我到目前为止所拥有的： <form autocomplete="off"> <select id="s" name="select" multiple> <option disabled>选择一个值！</option> <option value="one"> 1</opti

问题描述

标签： javascripthtml

解决方案

您可以将selectedIndex属性设置-1为指示未选择任何元素。

function resetS() {
    const multipleSelect = document.getElementById('s');
    multipleSelect.selectedIndex = -1;
}
<form autocomplete="off">
    <select id="s" name="select" multiple>
        <option disabled>Select a value!</option>
        <option value="one">1</option>
        <option value="two">2</option>
        <option value="three">3</option>
    </select>
    <button onclick="resetS()" type="button">Reset</button>
</form>

推荐阅读