但我只想让onchange事件只在一个选项中运行
例如:
我有一个像这样的选择标签
<select name="Interior Details" id="Interior" class="form-control input-lg" onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="" disabled >Select Interior Details</option>
<option value="link kitchen.html" selected>Kitchen Set</option>
<option value="link bedroom.html">Bedroom Set</option>
<option value="link living.html">Living Room Set</option>
<option> Not Choose Anything</option>
</select>
我想要这个选项<option> Not Choose Anything</option>
不要移动到另一个HTML,但浏览器保持说你的头文件不存在
我该怎么办
答案 0 :(得分:0)
如果您不想让事情变得复杂,您可以将value='#'
放入
<option> Not Choose Anything</option>
这样它就不会重定向到Not Choose Anything页面
另一种选择是在重定向之前检查值。
将您的onchange attr更改为此。它将在你的javascript中调用重定向函数。
onChange="redirect()"
然后把它放在你的javascript中。
<script type="text/javascript">
function redirect () {
var e = document.getElementById("Interior");
var value = e.options[e.selectedIndex].value;
//'not' is the chosen value in your option Not Choose Anything
if (!(value === 'not')){
document.location.href=value;
}
}
</script>