我觉得我有点傻,但我似乎无法让我的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>