2
我已經創建了一個多列的表,並寫了一個jQuery的JavaScript,複製或克隆表的最後一行。但是,當它克隆最後一行時,它也會爲每列提供與前一行相同的名稱和標識。jQuery Duplicate Table行,並分配新的ID複製錶行
JSP代碼:
<div id="invTruck" class="invTruck">
<table id="tbl_invTruck" width="100%" border="0">
<tbody>
<tr>
<td width="15%" style="display:none;"><center>Work Order Id</center></td>
<td width="17%"><center>Truck Type</center></td>
<td width="17%"><center>Licences Plate #</center></td>
<td width="17%"><center>Driver ID</center></td>
<td width="17%"><center>Max Haulage Weight</center></td>
<td width="17%"><center>Job Number</center></td>
</tr>
<tr>
<td style="display:none;"><input name="wInv_work_Id" type="text"></td>
<td><select id="invTru_Type" name="invTru_Type" onchange="getTruckPlates(this.value)">
<option disabled selected hidden value="">Select A Truck Type</option>
<%while(rsinvTru1.next()){%>
<option><%=rsinvTru1.getString(1)%></option>
<%}%>
</select>
</td>
<td><select id="invTru_LicensePlateNo" name="invTru_LicensePlateNo" required>
<option disabled selected hidden value="">Select A Truck</option>
</select></td>
<td><input name="driver_emp_Id" type="text"></td>
<td><input name="invTru_MaxHw" type="text"></td>
<td><input name="" type="text"></td>
</tr>
</tbody>
</table>
<table width="100%" height="50%" border="0">
<tr>
<td width="50%"><input class="buttonCreateInv" id="btn_AddTruck" type="button" value="Add A Truck"></td>
<td width="50%"><input class="buttonCreateInv" name="btn_RemoveTruck" type="button" value="Remove A Truck"></td>
</tr>
</table>
</div>
的JQuery的Javascript:
$(document).ready(function(){
$("#btn_AddTruck").click(function(){
var $tableBody = $('#tbl_invTruck').find("tbody"),
$trLast = $tableBody.find("tr:last"),
$trNew = $trLast.clone();
$trLast.after($trNew);
});
});
預期輸出我想是被複制的錶行 其中id在ID1是一部開拓創新的表TD ID和1被附加到它。 並且如果我要向表中添加另一行 其中,id2中的id是orignal表的td id和2被附加到它。
這個方法我試過但它並沒有改變克隆ID我得到NaN的感謝這個解決方案的時間和精力是極大的讚賞 –
我想你jquery解決方案,但它將克隆行的標識設置爲NaN。您的時間和精力非常感謝,非常感謝 –
我更新了帖子,..正則表達式被首次齧合 – FieryCat