两个下拉框的问题 求高手解答

Oracle中表中取出两个字段 三条数据   数据分别为a b c；1 2 3我页面输出两个下拉框 要求把两个字段分别放进去  例如如果第一个下拉条选择a 那么第二个下拉条就更新为1
                                                   如果第二个下拉条选择2 那么第一个下拉条就更新为b
现在我已经把数据用list分别放入下拉框中

解决方案 »

  1.   

    js实现，下拉框不是有onchange事件么
      

  2.   

    能不能给点详细的解释呢
    我的页面部分源码如下
    <td>
    <select name="abc" >
    <%
    for(int i=0; i<list.size(); i++) {
    %>
    <option><%=list.get(i) %></option>
    <%
    }
    %>
    </select>
    </td>
    <td>
    <select name="123">
    <%
    for(int i=0; i<list1.size(); i++) {
    %>
    <option><%=list1.get(i) %></option>
    <%
    }
    %>
    </select>
    </td>
      

  3.   

    a b c 和 1 2 3之间是什么关系呢，怎么对应的。把这个关系写在js方法里   在第一个select调用onchange事件
      

  4.   

    数据库取出来就是三条数据啊  第一条 a，1   第二条 b，2  第三条c，3
      

  5.   


     <script type="text/javascript">
      function change(value){
       var mode = document.getElementById("mode");
       if(value=="a"){
      mode.value="1";
       }else if(value=="b"){
        mode.value="2";
       }else if(value=="c"){
        mode.value="3";
       }
      }
      
      function change1(value){
       var mode = document.getElementById("type");
       if(value=="1"){
      mode.value="a";
       }else if(value=="2"){
        mode.value="b";
       }else if(value=="3"){
        mode.value="c";
       }
      }
      </script>
      
      <body>
        <div>
         <select id="type" name="type" onchange='change(this.value);'>
         <option value="a">a</option>
         <option value="b">b</option>
         <option value="c">c</option>
         </select>
        
        
         <select id="mode" name="mode" onchange='change1(this.value);'>
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
         </select>
        </div>
      </body>
      

  6.   

    大神  我的数据不止三条  必须要放到list里
    刚刚我根据你的意思更改了我的代码   js部分没处理明白   还请指教
    页面代码更改如下    求js部分<td>
    <select name="pt" id="type" name="type" onchange='change(this.value);'  >
    <%
    for(int i=0; i<list.size(); i++) {
    %>
    <option value="<%=list.get(i) %>"><%=list.get(i) %></option>
    <%
    }
    %>
    </select>
    </td>
    <td>端口名称:</td>
    <td>
    <select name="pn" id="mode" name="mode" onchange='change1(this.value);'>
    <%
    for(int i=0; i<list1.size(); i++) {
    %>
    <option value="<%=list1.get(i) %>"><%=list1.get(i) %></option>
    <%
    }
    %>
    </select>
    </td>
      

  7.   

    数据库字段为name1  name2
    rs=sta.executeQuery(select name1,name2 from table);
    用得时候
    <select id="mode" name="mode" onchange='change1(this.value);'>
     <% while(rs!=null&&rs.next())  {%>        
    <option value="<%=rs.getString("name2")>"><%=rs.getString("name1")></option>
    <%}if (rs!=null) rs.close();%>
                       </select>
      

  8.   

    少了俩%号加上 呵呵
    数据库字段为name1 name2
    rs=sta.executeQuery(select name1,name2 from table);
    用得时候
    <select id="mode" name="mode" onchange='change1(this.value);'>
     <% while(rs!=null&&rs.next()) {%>   
    <option value="<%=rs.getString("name2")%>"><%=rs.getString("name1")%></option>
    <%}if (rs!=null) rs.close();%>
      </select>
      

  9.   

    用jQuery插件吧，看一下Double Select.