select 标签 onchange选择相同的

<select id="mySelect" onchange="selectOnChange()">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<script>
function selectOnChange() {
  var selectValue = document.getElementById("mySelect").value; // 获取选择的值

  // 循环所有的选项，将选择的选项设置为相同
  var selectOptions = document.getElementById("mySelect").options;
  for (var i = 0; i < selectOptions.length; i++) {
    selectOptions[i].value = selectValue;
  }
}
</script>

以上是一段 HTML 和 JavaScript 的代码。首先，在 `<select>` 标签中添加一个 `onchange` 属性，指向一个 JavaScript 函数 `selectOnChange()`。当选择项发生改变时，就会触发这个函数。

这个 `selectOnChange()` 函数的功能是，获取选择框的当前值，并将所有选项的值设置为相同的。

通过 `document.getElementById("mySelect")` 可以获取 `<select>` 元素的引用，然后用 `.value` 属性获取当前选择的值。

接下来，使用一个循环遍历 `<select>` 元素中的所有选项，通过设置 `.value` 属性来改变选项的值，使其与当前选择的值相同。

这样，当选择框的选项发生改变时，所有的选项的值都会被设置为相同的。