如何使用jquery将选定行中的数据复制到另一个表中的文本框?

如何使用jquery将选定行中的数据复制到另一个表中的文本框?,jquery,html-table,Jquery,Html Table,我有两张桌子。第一个表显示我的产品,另一个表充当购物车,这样当客户从表1中选择产品时,其数据名、价格等将复制到第二个表中的文本框中 我的问题是:如何仅从表1复制选定行的数据,并使用jQuery将它们附加到表2中的文本框中 以下是表1: 以下是表2: 有两个选定的行,我不确定第二行中的值会发生什么,因为另一个表中只有一组输入 $'copy1'。单击函数{ 让单元格=$'.selected'.children; $'Barcode'.val$单元格[0]。文本; $'txtName'.val$单元

我有两张桌子。第一个表显示我的产品,另一个表充当购物车,这样当客户从表1中选择产品时,其数据名、价格等将复制到第二个表中的文本框中

我的问题是:如何仅从表1复制选定行的数据,并使用jQuery将它们附加到表2中的文本框中

以下是表1:

以下是表2:


有两个选定的行,我不确定第二行中的值会发生什么,因为另一个表中只有一组输入

$'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>