我有一个下拉菜单,如下所示:
<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>
我希望每次选择后,下拉菜单都会返回“ - 选择一个url--”选项,而不是URL选项。
有人可以告诉我如何实现代码吗?谢谢。
只需将此添加到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=""
<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>