请问诸位，我想做两个互动的select应该怎么做？

给个例子你参考一下把
<%
Dim Rs_class
Set Rs_class = Server.CreateObject("ADODB.Recordset")
Rs_class.ActiveConnection = CM_unnamedDatabase
Rs_class.Source = "  SELECT class.fldauto, class.fldname FROM class WHERE 1=1 "
Rs_class.CursorType = 0
Rs_class.CursorLocation = 2
Rs_class.LockType = 1
Rs_class.Open()
%>
<script language="javascript">
function listoption(src){
var obj = document.class3.fldclass2 
removeoption(obj)
document.getElementById("list").src = "listup.asp?lfldno=" + src.value 
} 
function removeoption(obj){  
var len=obj.options.length
var i=len-1  
for(i;i>=0;i--){   
obj.options[i]=null   
}   
}   
function additem(i,val, txt){
document.class3.fldclass2.options[i] = new Option(txt,val);   
} 
</script><tr>
    <td colspan="0" width="" class="Table_InSide"><div align="left">新闻大类&nbsp;</div></td>
    <td colspan="0" width="" class="Table_InSide"><div align="left">
<select name="fldclass" onchange="listoption(this)">
<option value="">--请选择--</option>
<%While NOT Rs_class.EOF%>
<option value="<%=Rs_class.Fields.Item("fldauto").Value%>"><%=Rs_class.Fields.Item("fldname").Value%></option>
<%Rs_class.MoveNext()
Wend
%>
</select>
&nbsp;</div></td>
</tr>
<tr>
    <td colspan="0" width="" class="Table_InSide"><div align="left">新闻2类&nbsp;</div></td>
    <td colspan="0" width="" class="Table_InSide"><div align="left">
<select name="fldclass2">
<option value="">--请选择--</option>
</select>
&nbsp;</div></td>
</tr>
<iframe id="list" name="list" src ="" style="DISPLAY: none"></iframe>listup.asp<%@ Language=VBScript %>
<!--#include file="../inc/pub.asp" -->
<!--#include file="../../Connections/cm_dbconn.asp" -->
<%
s_bh=cstr(request("lfldno"))
Dim Rs_class2
Set Rs_class2 = Server.CreateObject("ADODB.Recordset")
Rs_class2.ActiveConnection = CM_unnamedDatabase
Rs_class2.Source = "SELECT fldauto, fldname FROM class2 WHERE fldclass=" + s_bh
Rs_class2.CursorType = 0
Rs_class2.CursorLocation = 2
Rs_class2.LockType = 1
Rs_class2.Open()
i=1
%>
<Script language=JavaScript>
<%While NOT Rs_class2.EOF%>
parent.additem(<%=i-1%>,"<%=Rs_class2.Fields.Item("fldauto").Value%>","<%=Rs_class2.Fields.Item("fldname").Value%>");
<%i=i+1
Rs_class2.MoveNext()
Wend%>
</Script>
<%
Rs_class2.close()
Set Rs_class2 = Nothing
%>

解决方案 »

  1.   

    <script language="javascript">
    function add_singer(object,value,text)//添加数据
    {
    if(singer_exist(object,value)==false)
    {
    object.options.add(new Option(text,value,true,true));
    return true;
    }
    return false;
    }
    function remove_singer(object,index)//删除数据
    {
    if(index<0) return false;
    object.options.remove(index)
    }
    function singer_exist(object,value)//检查是否存在
    {
    for(var i=0;i<object.options.length; i++)
    {
    if(object.options[i].value==value)
    return true;
    }
    return false;
    }
    function add()
    {
    var obj1=document.all.list1;
    var obj2=document.all.list2;
    len=obj1.options.length
    for(i=len-1;i>=0;i--)
    {
    if(obj1.options[i].selected == true)
    {
    value=obj1.options[i].value;
    text=obj1.options[i].text;
    add_singer(obj2,value,text)
    remove_singer(obj1,i)
    }
    }
    }function del()
    {
    var obj1=document.all.list1;
    var obj2=document.all.list2;
    len=obj2.options.length
    for(i=len-1;i>=0;i--)
    {
    if(obj2.options[i].selected == true)
    {
    value=obj2.options[i].value;
    text=obj2.options[i].text;
    add_singer(obj1,value,text)
    remove_singer(obj2,i)
    }
    }
    }
    </script><table>
    <tr align=center>
    <td width=160>
    <select size=10 name="list1" style="width:120" multiple>
    <option value=1>1111111</option>
    <option value=2>2222222</option>
    <option value=3>3333333</option>
    <option value=4>4444444</option>
    <option value=5>5555555</option>
    <option value=6>6666666</option>
    <option value=7>7777777</option>
    </select>
    </td>
    <td>
    <input type="button" value="增 加>>>" onclick="add()"><br><br>
    <input type="button" value="<<<删 除" onclick="del()">
    </td>
    <td width=160>
    <select size=10 name="list2" style="width:120" multiple>
    </select>
    </td>
    </tr>
    </table>
      

  2.   

    http://fason.nease.net/samples/js/moveoptions.html
      

  3.   

    利用onchang 事件。什么都可以啦！
      

  4.   

    <table border=0 cellpadding=0 cellspacing=0><form name=meizz>
      <tr><td>
        <select id=list1 size=8 ondblclick="moveOption(this, this.form.list2)">
          <option value=A>aaaaaaaaaa
          <option value=B>bbbbbbbbbb
          <option value=C>cccccccccc
          <option value=D>dddddddddd
          <option value=E>eeeeeeeeee
          <option value=F>ffffffffff
          <option value=G>gggggggggg
          <option value=H>hhhhhhhhhh
        </select></td>
      <td width=40 align=center>
        <input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br><br>
        <input name=sub type=button value="<<<" onclick="moveOption(this.form.list2, this.form.list1)">
      </td><td>
        <select id=list2 size=8 ondblclick="moveOption(this, this.form.list1)">
        </select>
      </td></tr></form>
    </table><script language="JavaScript"><!--
    function moveOption(e1, e2){
        try{
            var e = e1.options[e1.selectedIndex];
            e2.options.add(new Option(e.text, e.value));
            e1.options.remove(e1.selectedIndex);
        }   catch(e){}
    }
    //--></script>