使用JS重置选择和输入字段的总值问题

<form id="myForm">
  <input type="text" name="name" value="John">
  <select name="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
  </select>
</form>

<button onclick="resetForm()">Reset</button>

<script>
function resetForm() {
  document.getElementById("myForm").reset();
}
</script>

<input type="text" id="name" value="John">
<select id="gender">
  <option value="male">Male</option>
  <option value="female">Female</option>
</select>

<button onclick="resetFields()">Reset</button>

<script>
function resetFields() {
  document.getElementById("name").value = "John";
  document.getElementById("gender").selectedIndex = 0;
}
</script>

<input type="text" id="name" value="John">
<select id="gender">
  <option value="male">Male</option>
  <option value="female">Female</option>
</select>

<button onclick="resetFields()">Reset</button>

<script>
function resetFields() {
  resetInputField("name");
  resetSelectField("gender");
}

function resetInputField(id) {
  document.getElementById(id).value = "";
}

function resetSelectField(id) {
  var selectElement = document.getElementById(id);
  selectElement.selectedIndex = 0;
}
</script>