如何使用jquery将选定行中的数据复制到另一个表中的文本框?
我有两张桌子。第一个表显示我的产品,另一个表充当购物车,这样当客户从表1中选择产品时,其数据名、价格等将复制到第二个表中的文本框中 我的问题是:如何仅从表1复制选定行的数据,并使用jQuery将它们附加到表2中的文本框中 以下是表1: 以下是表2:如何使用jquery将选定行中的数据复制到另一个表中的文本框?,jquery,html-table,Jquery,Html Table,我有两张桌子。第一个表显示我的产品,另一个表充当购物车,这样当客户从表1中选择产品时,其数据名、价格等将复制到第二个表中的文本框中 我的问题是:如何仅从表1复制选定行的数据,并使用jQuery将它们附加到表2中的文本框中 以下是表1: 以下是表2: 有两个选定的行,我不确定第二行中的值会发生什么,因为另一个表中只有一组输入 $'copy1'。单击函数{ 让单元格=$'.selected'.children; $'Barcode'.val$单元格[0]。文本; $'txtName'.val$单元
有两个选定的行,我不确定第二行中的值会发生什么,因为另一个表中只有一组输入 $'copy1'。单击函数{ 让单元格=$'.selected'.children; $'Barcode'.val$单元格[0]。文本; $'txtName'.val$单元格[1]。文本; $'Price'.val$单元格[2]。文本; }; 条形码 产品名称 价格 545333456 星系S9 700 407654 SD 64G 700 876543 银河S5 700 添加 条形码 产品名称 价格
有两个选定的行,我不确定第二行中的值会发生什么,因为另一个表中只有一组输入 $'copy1'。单击函数{ 让单元格=$'.selected'.children; $'Barcode'.val$单元格[0]。文本; $'txtName'.val$单元格[1]。文本; $'Price'.val$单元格[2]。文本; }; 条形码 产品名称 价格 545333456 星系S9 700 407654 SD 64G 700 876543 银河S5 700 添加 条形码 产品名称 价格 $'copy1'。单击函数{ 设tbody=$'tb2 tbody' $'.selected'.eachfunctionindex{ 让单元格=$this.children; 设tr=$; tr.append$.append$.val$单元格[0]。text.attr'id',Barcode'+索引; tr.append$.append$.val$单元格[1]。text.attr'id',txtName'+索引; tr.append$.append$.val$单元格[2]。text.attr'id',Price'+索引; 附体 }; }; 条形码 产品名称 价格 545333456 星系S9 700 407654 SD 64G 700 876543 银河S5 700 添加 条形码 产品名称 价格 $'copy1'。单击函数{ 设tbody=$'tb2 tbody' $'.selected'.eachfunctionindex{ 让单元格=$this.children; 设tr=$; tr.append$.append$.val$单元格[0]。text.attr'id',Barcode'+索引; tr.append$.append$.val$单元格[1]。text.attr'id',txtName'+索引; tr.append$.append$.val$单元格[2]。text.attr'id',Price'+索引; 附体 }; }; 条形码 产品名称 价格 545333456 星系S9 700 407654 SD 64G 700 876543 银河S5 700 添加 条形码 产品名称 价格
不错,但我希望在第二个表中添加任何选定行,即使我有10个选定行,我也会在第二个表中添加10行。不错,但我希望在第二个表中添加任何选定行,即使我有10个选定行,我也会在第二个表中添加10行。工作正常。谢谢你,很好。非常感谢。
<table id="table1" style="width:100%" border="0" cellpadding="0" cellspacing="0">
<thead >
<tr >
<th>Bar-code</th>
<th>Product_Name</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr role="row" class="selected" style="border:1px solid black;">
<td >545333456</td>
<td>Galaxy S9</td>
<td>700</td>
</tr>
<tr role="row" class="odd" style="border:1px solid black;">
<td>407654</td>
<td>SD 64G </td>
<td>700</td>
</tr>
<tr role="row" class="selected" style="border:1px solid black;">
<td>876543</td>
<td>Galaxy S5</td>
<td>700</td>
</tbody>
</table>
<button href="#" class="btn btn-success" data-panelId2="model23" id="copy1">
Add
</button>
<table id="tb2" cellpadding="0" cellspacing="0" border="1">
<thead>
<tr>
<th>Bar-code</th>
<th>Product_Name</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" id="Barcode" /></td>
<td><input type="text" id="txtName" /></td>
<td><input type="text" id="Price" /></td>
</tr>
</tbody>
</table>