是否可以在select标签中创建onchange事件

时间:2017-10-26 02:15:50

标签: html

但我只想让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,但浏览器保持说你的头文件不存在

我该怎么办

1 个答案:

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