javascript - 将HTML选择元素本地设置为其默认值

我有一个select元素，用户更改了选择。稍后，我想以编程方式将select元素更改回其默认值。最好的方法是什么？我正在寻找一种不使用JQuery的本地方法。
例如，如果选择是：

<select id='select'>
  <option value='one' selected=true>One</option>
  <option value='two'>Two</option>
  <option value='three'>Three</option>
</select>

用户将选择更改为“2”，但稍后我想将其更改回默认值“1”，我该怎么做？

最佳答案

如果您理解属性不同于属性，那么这并不困难。属性（通常）不变，但属性不变。selected属性将始终保持在原始HTML中的状态，而selected属性将取决于页面生命周期中元素发生的情况。
因此，您可以根据其selected属性选择原始选定元素，然后设置其selected属性。

document.querySelector('option[selected]').selected = true;

jsFiddle demonstrating this.
注意，这需要一个支持querySelector的现代ish浏览器。现在，这是大多数浏览器，但有些旧浏览器不会。如果这是一个问题，您必须使用hasAttribute('selected')找到元素。

关于javascript - 将HTML选择元素本地设置为其默认值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17497662/