现在有一个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 
怎么实现 ?

解决方案 »

  1.   


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

  2.   

    如果按照1楼的方法做
    我建议这样
    <!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>
      

  3.   


    弹出页面之前
    JQuery  $("selectObj").val('-1')