javascript - 如何设置下拉菜单以在javascript中的onclick事件后进行选择

Question

我有一个下拉列表，其中有几个选项，并且按钮上有一个 onclick 事件，从下拉列表中进行选择并单击按钮后，如何将下拉列表设置为由 JavaScript 选择的默认值。

 <select id="userType">
              <option value="Select" disabled selected 
              id="myDefault">Select</option>
              <option value="1">Games</option>
              <option value="2">Movies</option>
           </select>
 <button type="button" name="button"onclick="addOption()">Send</button>

function addOption(){
 if (userType.value === "Select") {
    alert("Please select correct option");
 }
 else{
    console.log(userType.options[userType.selectedIndex].value);
 }
 document.getElementById('userType').value = "Select";

}

Answer 1

非常简单。只需按 id 选择输入并将其值设置为默认值即可。

function addOption(){
  // Do stuff...and then:
  document.getElementById('userType').value = "Select";

}

<select id="userType">
              <option value="Select" disabled selected 
              id="myDefault">Select</option>
              <option value="1">Games</option>
              <option value="2">Movies</option>
           </select>
 <button type="button" name="button"onclick="addOption()">Send</button>