onClick窗口.位置在Chromium(谷歌Chrome的Linux版本）中不起作用

onClick Window.Location does not work in Chromium (Linux version of Google Chrome)

本文关键字：Linux 版本 不起作用 Chrome 谷歌 位置 窗口 Chromium onClick      更新时间：2023-09-26

我觉得我有点傻，但我似乎无法让我的onClick通过Chromium工作，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>

我认为并非所有浏览器都支持使用onClick-on选项元素。即使是这样，也可能有更好的方法

如何使用select的onChange事件，然后检查已选择的选项。这样就可以很容易地为其他选项添加案例，而不会让html变得一团糟。

例如

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

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

替换：

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

通过

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

使用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>
相关文章：