jsp如何动态增加查询条件

效果跟中国知网那种一样（如下），点击旁边一个加号添加一个查询域，点击减号删除一个查询域http://epub.cnki.net/grid2008/index/ZKCALD.htm
请指点，或者留下代码 谢谢了

解决方案 »

  1.   

    你就直接分析它的原码啰<input type="button" class="add01" onclick="AddRow('au','au_i','au_c');this.blur();">
    <input type="button" class="pluss02" onclick="DeleteRow('au','au_i','au_c');this.blur();">
    function AddRow(divid, divindex, divcount) {
        try {
            if ($("#"+divindex).val() == $("#"+divcount).val()) {
                return;
            }
            else {
                var iRow = parseInt($("#"+divindex).val());
                iRow++;
                var divcur = divid + "_" + iRow;
                $("#"+divcur).show();
                $("#"+divindex).val(iRow);
            }
        }
        catch (e)
    { return; }
    }
    function DeleteRow(divid, divindex, divcount) {
        try {
            if ($("#"+divindex).val() == "1")
            { return; }
            else
            { var iRow = parseInt($("#"+divindex).val()); var divcur = divid + "_" + iRow; $("#"+divcur).hide(); iRow--; $("#"+divindex).val(iRow); }
        }
        catch (e)
    { return; }
    }
      

  2.   

    你是把他的js给下回来分析了吧？厉害，谢谢，这个留用，我也找到自己的方法了：
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title> 动态增加行demo </title>
      <script type="text/javascript">
        //增加一行
      function addRow(){
    var rownum=document.getElementsByTagName("div").length;   
       var divHtml="<div id='row"+rownum+"'><select  id='cloum'><option value='author'>作者</option><option value='time'>时间</option><input type='text'  id='textfield'></select> </div>";
       document.getElementById("addDiv").innerHTML+=divHtml;
      }
      //删除一行
      function delRow(){
      
       var index=document.getElementsByTagName("div").length-1;
       if(index>1){
       document.getElementById("row"+index).removeNode(true);
       } 
       
      }
      </script>
     </head> <body>
      <div id="addDiv">
       <div id="row1"><a onclick='addRow()'>+</a> <a onclick='delRow()'>-</a><br>
        
         <select name="cloum" id="cloum">
             <option value="author">作者</option>
             <option value="time">时间</option>
           </select>
         
         <input type='text' name='textfield' id='textfield'>
       </div>
      </div>
     </body>
    </html>