Question

我正在实现Spring和hibernate项目，因为我需要在数据库中插入多行。我在jsp中写了下面的代码。我的大四学生说，把它分成三部分，

  irstpart=listOfChannelType[<br/>
  Secondpart=0(it should increment dynamically when i click add button)
  thirdpart=].typeid<br/>

我需要这样：

listOfChannelType[0].typeid<br/>
listOfChannelType[0].typename<br/>

listOfChannelType[1].typeid<br/>
listOfChannelType[1].typename<br/>

listOfChannelType[2].typeid<br/>
listOfChannelType[2].typename<br/>
.<br/>
.<br/>
.<br/>
.<br/>
.<br/>
listOfChannelType[n].typeid<br/>
listOfChannelType[n].typename<br/>

Channel_Type.jsp

<table id="addRows" width="350px" border="0" cellpadding="0" cellspacing="0" class="content">

    <tr>
    <td width="19%" align="left">Type ID </td>
    <td width="18%" align="left">Type</td>
    <td width="11%" align="left">
        <input id="addbutton" type="button" value="Add" class="add" />
    </td>
    </tr>

    <tr id="row0" class="add">
    <td width = "33%" align = "left"><s:input path="listOfChannelType[0].typeid" id="typeid"/></td>
    <td align = "left" width = "33%"><s:input path="listOfChannelType[0].typename" id = "typename"/></td>
    <td align = "left" width = "33%"><input type="button" id="btn" name="btn" value="Delete"/></td>
    </tr>

</table>

<script type="text/javascript">
$("document").ready(function(){
	 $("input.add").click( function(){
		var $trlast=$("#addRows").find("tr:last");
		var $trnew=$trlast.clone();
		$trlast.after($trnew);
	 }); 	
	$.fn.deleteRow=function(){
		$(this).closest('tr').remove();		
		return this;
	 };	
});
</script>

当我单击添加按钮时，它应该动态创建另一行并递增值。我怎么能在jquery中这样做？什么是jquery代码？我写了一些jquery代码，它创建行但是他没有递增。请帮我解决这个问题。我在一家公司做实习生，我必须在本周末完成这项任务。

感谢adavnce

Answer 1

首先，你真的需要那个表中的一些css。其次，这是javascript而不是php，所以不要命名以＆＃34; $＆＃34;开头的变量。它让它看起来像是到处都是jquery。

你不应该＆＃34;找到＆＃34;在这一行

var $ trlast = $（＆＃34; #addRows＆＃34;）。find（＆＃34; tr：last＆＃34;）;

如果你为每个td使用一个id会有问题，因为id应该是唯一的，所以切换到class或者只是继续列标题。

表中的第一行应使用＆＃34; th＆＃34;而不是＆＃34; td＆＃34;。

对于删除和添加按钮，只需使用＆＃34;按钮＆＃34;标记而不是输入标记。这也应该使用一个类而不是id。

要添加新行，您应该查看w3schools＆＃39; jquery追加方法http://www.w3schools.com/jquery/html_append.asp 然后在那里做HTML，CSS，Javascript，Jquery等等，你现在就更有资格胜任你的职位。

如何使用jquery在它们中间增加输入字段名称？

1 个答案: