Javascript 如何使用按钮重置菜单？

我正在写一个网页，在这个网页中，用户将看到一个带有默认文本的菜单，在本例中显示为choose baseline。在他们选择其中一个选项后，我需要有一个按钮，可以将选择菜单重置为“选择基线”默认值。我该怎么做

    <select onchange="saveSelection(value)">
        <option value="" selected disabled hidden>Choose Baseline</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
    </select>
    <button type="button">Reset menu</button>

---

将所有这些代码放入表单标记中。这将允许您将清除功能应用于选择标签，并将按钮类型更改为重置

---

您可以在选择项上添加id。然后添加一个在单击按钮时触发的函数

函数saveSelectionvalue{ } 功能性选举{ //这将选择选择菜单的第一个选项 document.getElementById'select-baseline'。选项[0]。选定='selected'； } 选择基线 A. B C

---

重置菜单什么，没有javascript？但愿如此这还有一个优点，defaultSelected选项可以是任何选项，它不需要在脚本中硬编码？

<form>
    <select>
        ...
    </select>
    <button type="reset">Reset Menu</button> 
</form>

<select id="menu" onchange="saveSelection(value)">
    <option value="" selected disabled hidden>Choose Baseline</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>
<button type="button" onclick="resetMenu()">Reset menu</button>
<script src="test.js"></script>

function resetMenu() {
    var element = document.getElementById('menu');
    element.value = '';
 }