jsp如何动态增加查询条件

跳不出的循环 2011-11-23 10:01:26

效果跟中国知网那种一样（如下），点击旁边一个加号添加一个查询域，点击减号删除一个查询域

http://epub.cnki.net/grid2008/index/ZKCALD.htm

请指点，或者留下代码谢谢了

...全文

256 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

跳不出的循环 2011-11-24

打赏
举报

[Quote=引用 1 楼 p2227 的回复:]
你就直接分析它的原码啰

HTML code

<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.bl……
[/Quote]

你是把他的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>

p2227 2011-11-23

打赏
举报

你就直接分析它的原码啰

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

}