OnClick 后将下拉菜单重置为第一个选项

Question

我有一个如下所示的下拉菜单：

<select onChange="window.open(this.value)">
<option selected="selected" value="">--select an url--</option>
<option value="URL1">URL1</option>
<option value="URL2">URL2</option>
<option value="URL3">URL3</option>
</select>

我希望下拉菜单 return 到“--select 和 url--”选项，而不是 URL 选项，每次制造 selection 后。

有人可以告诉我如何实现这些代码吗？谢谢

Answer 1

只需将此添加到 onChange 事件：

this.value = '';

所以代码看起来像：

<select onChange="window.open(this.value);this.value = '';">
  <option selected="selected" value="">--select an url--</option>
  <option value="URL1">URL1</option>
  <option value="URL2">URL2</option>
  <option value="URL3">URL3</option>
</select>

这是假设“--select an url--”的选项值为空，即 value=""

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="dropDownBox">
<option selected="selected" value="">--select an url--</option>
<option value="URL1">URL1</option>
<option value="URL2">URL2</option>
<option value="URL3">URL3</option>
</select>

<script>
$("#dropDownBox").change(function() {
   var test = $(this).val();
   $(this).val("");
   window.open(test);
});
</script>

OnClick 后将下拉菜单重置为第一个选项

Reset Dropdown Menu to First Option After OnClick

javascript

jquery

select

drop-down-menu

option