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

我正在实现Spring和hibernate项目，因为我需要在数据库中插入多行。我已经在jsp中编写了下面的代码。我的前辈告知，将其单独成3个部分，如何使用jquery在其中间增加输入字段名称？

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(){ 
 
\t $("input.add").click(function(){ 
 
\t \t var $trlast=$("#addRows").find("tr:last"); 
 
\t \t var $trnew=$trlast.clone(); 
 
\t \t $trlast.after($trnew); 
 
\t }); \t 
 
\t $.fn.deleteRow=function(){ 
 
\t \t $(this).closest('tr').remove(); \t \t 
 
\t \t return this; 
 
\t }; \t 
 
}); 
 
</script>

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

谢谢

来源

2016-10-18 user3922621

首先，你真的需要在该表中的一些CSS。其次，这是JavaScript不是PHP，所以不要命名以“$”开头的变量。它使得它看起来像在任何地方都有jQuery。

你不应该需要在此行中的 “查找”

变量$ trlast = $（ “＃addRows”）找到（ “TR：最后一个”）。

如果您为每个td使用一个id，因为id应该是唯一的，所以会出现问题，因此请切换到课程或仅转到列标题。

表中的第一行应该使用“th”而不是“td”。

对于您的删除和添加按钮，只需使用“按钮”标签而不是输入标签。这也应该使用一个类而不是一个id。

要添加新行，你应该看看w3School的jQuery的append方法http://www.w3schools.com/jquery/html_append.asp 然后做HTML，CSS，JavaScript中，jQuery的，等在那里而现在你会为你的立场的方式更有资格。

来源

2016-10-18 13:28:17

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

回答

相关问题