现在有一个select 如:
<select id="selectObj" onchange="changeObj()">
<option value="-1">oooo</option>
<option value="111">111aaa</option>
<option value="222">222BBB</option>
<option value="333">333ccc</option>
</select>
我想在当值为 -1 的时候 执行一个链接功能 但option值不变 。
如现在值是 222,当我点击oooo的时候 弹出一个页面 ,但值还是222
怎么实现 ?
<select id="selectObj" onchange="changeObj()">
<option value="-1">oooo</option>
<option value="111">111aaa</option>
<option value="222">222BBB</option>
<option value="333">333ccc</option>
</select>
我想在当值为 -1 的时候 执行一个链接功能 但option值不变 。
如现在值是 222,当我点击oooo的时候 弹出一个页面 ,但值还是222
怎么实现 ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <BODY>
<select id="selectObj" onchange="changeObj()">
<option value="-1">oooo</option>
<option value="111">111aaa</option>
<option value="222">222BBB</option>
<option value="333">333ccc</option>
</select>
<script> var sel=document.getElementById("selectObj");
var xx=sel.selectedIndex;
function changeObj()
{
if(sel.value=="-1")
{
//执行一个链接功能………… sel[xx].selected=true;
}
else
{
xx=sel.selectedIndex;
}
}
</script>
</BODY>
</HTML>
我建议这样
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var now;
function changeObj(obj,e){
if(obj.options[obj.selectedIndex].value = '-1') {
window.open("http://www.google.com.hk");
obj.selectedIndex = now;
}
}
</script>
</head>
<body>
<select id="selectObj" onfocus="now=this.selectedIndex" onchange="changeObj(this,event)">
<option value="-1">oooo</option>
<option value="111" selected="selected">111aaa</option>
<option value="222">222BBB</option>
<option value="333">333ccc</option>
</select>
</body>
</html>
弹出页面之前
JQuery $("selectObj").val('-1')