我觉得我很愚蠢或者什么,但是我似乎无法让我的onClick通过Chromium工作,这是一个Linux版本的Chrome(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选项元素。 即使是这样,仍然可能有更好的方法来做到这一点。
如何使用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>