两个下拉框的有关问题求高手解答-Java教程-爱易网页

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

日期：2014-05-17　浏览次数：20787 次

两个下拉框的问题求高手解答
Oracle中表中取出两个字段三条数据数据分别为a b c；1 2 3

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

------解决方案--------------------

Java code


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