onclick="document.all.select2.selectedIndex=0;"

解决方案 »

  1.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    function go(){
    if (form1.select1.options[2].selected==true){
    document.form1.select2.options.length=1;
    }
    }
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="form1">
    <select name="select1" onchange="go()">
    <option name="1" value="1">中国</option>
    <option name="2" value="2">日本</option>
    <option name="3" value="3">美国</option>
    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select name="select2">
    <option name="4" value="4">足球</option>
    <option name="5" value="5">蓝球</option>
    <option name="6" value="6">台球</option>
    </select>
    </form>
    </body>
    </html>此效果是当你选择美国时,另一个下拉里的选项回改变成只有一个不知道你是不是要的这个效果!
      

  2.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript">
    function go(){
    if (form1.select1.options[2].selected==true){
    document.form1.select2.options.length=1;}
    }
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <form name="form1">
    <select name="select1" onchange="go()">
    <option name="1" value="1">中国</option>
    <option name="2" value="2">日本</option>
    <option name="3" value="3">美国</option>
    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select name="select2">
    <option name="4" value="4">足球</option>
    <option name="5" value="5">蓝球</option>
    <option name="6" value="6">台球</option>
    </select>
    </form>
    </body>
    </html>当你选择美国时,另一个下拉里的选项会变成还有一个
    不知道你要的是不是这个效果