Question

我认为我是愚蠢的或者其他什么，但我似乎无法让我的onClick通过Chromium工作，这是Chrome的Linux版本（FireFox很好，IE也是如此）

这里有一些HTML代码：

<form>
<select name="month">
<option value="1" onclick="javascript:window.location.href='<SOMEPAGE>'; return false;">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</form>

Answer 1

我认为所有浏览器都不支持使用onClick on选项元素。即便如此，仍然可能有更好的方法。

如何使用select的onChange事件然后检查以查看选择了哪个选项。然后很容易为其他选项添加案例而不会让你的HTML变得混乱。

e.g。

<form>

<script language="JavaScript">
function doSomething() {
    selected=document.getElementById("month")[document.getElementById("month").selectedIndex].value;
    switch(selected) {
    case "1":
        window.location.href='http://www.ibm.com';
        break;
        }
    }
</script>

<select name="month" id="month" onChange="doSomething()">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</form>

Answer 2

您是否尝试过window.open（）方法？

替换：

<option value="1" onclick="javascript:window.location.href='<SOMEPAGE>'; return false;">January</option>

通过

<option value="1" onclick="window.open('<SOMEPAGE>')">January</option>

Answer 3

使用onchange事件，然后使用JQuery获取所选值。试试这个：

<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>

<script>
function openWindow(){
    if($("#mySelect option:selected").text() === 'January')
        window.open('<SOMEPAGE>');
}
</script>

<form>
<select id="mySelect" name="month" onchange="openWindow()">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</form>

onClick Window.Location在Chromium中不起作用（Linux版Google Chrome）

3 个答案: