让HTML选择始终显示相同的选项

Question

无论选择哪个选项，我都希望select元素始终显示相同的文本。我该怎么办？

<select>
  <option defaultValue disabled>
    Add library
  </option>
  <option value="code.jquery.com/jquery-3.1.0.js">
    JQuery 3.1.0
  </option>
  <option value="https://cdn.jsdelivr.net/lodash/4/lodash.min.js">
    lodash 4.x
  </option>
  <option value="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js">
    RequireJS
  </option>
</select>

Answer 1

只需取初始值并将其存储在变量中即可。然后，只要调用select上的change事件，就将先前的值重新分配给select。

var select = document.querySelector('select');
var value = select.value;

select.addEventListener('change', function(event) {
  select.value = value;
  console.log('changed');
});

<select>
  <option defaultValue disabled>
    Add library
  </option>
  <option value="code.jquery.com/jquery-3.1.0.js">
    JQuery 3.1.0
  </option>
  <option value="https://cdn.jsdelivr.net/lodash/4/lodash.min.js">
    lodash 4.x
  </option>
  <option value="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js">
    RequireJS
  </option>
</select>