Сброс раскрывающегося меню до первого параметра после включения

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>

Я бы хотел, чтобы раскрывающееся меню возвращалось к параметру --select url-- вместо параметра URL каждый раз послевыбор сделан.

Может кто-нибудь показать мне, как реализовать коды?Спасибо.

Answer 1

<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>

Answer 2

Просто добавьте это к событию 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 the url--' имеет пустое значение параметра, т.е. value=""