动态加入下拉列表一个问题 难啊会啊

我要在JSP页面里添加N个相同的下拉列表下拉列表的个数是通过一个按钮控制
点击一次加一个下拉列表下拉列表的选项是通过读数据库字段动态添加
最后点一个按钮提交
下拉列表选项
  <%
      ResultSet rs=sqlbean.executeQuery("select MNum,MName from AUZN.Medicine order by MNum desc");
            %>           
  <select  name="minum" style="width"=100"  size="1">
  <%
       while(rs.next()){%>
  <option value=<%=rs.getString("MNum")%> ><%=rs.getString("MNum")%> | <%=rs.getString("MName")%></option>
            
             <%}%>
            
  </select>

解决方案 »

  1.   

    楼主可以试试把上边的代码写到一个for循环里,循环的次数由request获得,如果是第一次进这个页面,可以给循环次数变量赋个初值为1,而你每点击一次按钮就提交一次页面,提交给自己,提交的时候给循环次数变量加上一放进request里,这个循环变量也就是控制程序显示几个下拉列表的.
      以前没有这么做过,刚看了问题才想到的,觉得应该可以行的通
      

  2.   

    这是我找到的一个按按钮加下拉列表的代码
    我想知道怎么把两段代码结合起来<html>
    <head>
    <title>My Test Page</title>
    <script type="text/javascript">
    <!--
    var textNumber = 0;
    function addTextBox(form, afterElement) {
     
      textNumber++;
       var label = document.createElement("label");
        var textField = document.createElement("select");
      
    textField.setAttribute("name","txt"+textNumber);
    var te= document.createElement("option");
    var te1= document.createElement("option");
    var te2= document.createElement("option");te.text="aaaa"
    te1.text="ccc"
    te2.text="bb"
    textField.add(te)
    textField.add(te1)
    textField.add(te2)
      textField.setAttribute("id","txt"+textNumber);
     
      label.appendChild(document.createTextNode("Text Box #"+textNumber+": "));
       label.appendChild(textField);
      
      form.insertBefore(label,afterElement);
      return false;
    }
    function removeTextBox(form) {
      if (textNumber > 1) {    
        form.removeChild(document.getElementById("txt"+textNumber).parentNode);
        textNumber--;
      }
    }
    //-->
    </script>
    <style type="text/css">
    <!--
    label {
      display:block;
      margin:.25em 0em;
    }
    -->
    </style>
    </head>
    <body>
    <form id="myForm" method="get" action="./" />
      
      <p>
        <input type="button" value="Add Textbox" onclick="addTextBox(this.form,this.parentNode)" />
        <input type="button" value="Remove Textbox" onclick="removeTextBox(this.form)" />
      </p>
      <p><input type="Submit" value="Submit" /></p>
    </form>
    </body>
    </html>