从中获取表格单元格数据并将副本放在另一个表格中

时间:2013-07-31 05:57:09

标签: php jquery html database

两部分问题: 我有两个表:一个表是项目,另一个是单击“添加”按钮时所选项目将被复制到的表格。之后,当选择了所需的所有项目时,将会有一个“完成”按钮,它将选择的项目发布到数据库。

我从Javascript开始但是没有达到目标,因为jQuery似乎更适合但我对它不是很熟悉

 function addto()
 {
var div = document.getElementById('fixedDiv','inside');

div.innerHTML = div.innerHTML + 'Item Added';

 }

<div id='fixedDiv'> 

<table align="center" id="tradee">
    <th rowspan="2"> Other Item</th>


    <?php while($rowi =$item->fetch_assoc())
    {?>

    <tr>
    <td>
        <?php echo $rowi['item_name']; ?>
    </td>
    <td><?php echo $rowi['item_description'];?></td>

    </tr>
    <?php } ?>
</table>

    <br>
        <table align="center" id="tradeTable">
        <th>Cat_id</th>
        <th>Name</th>
        <th>Description</th>
    <?php while($row =$item_results->fetch_assoc())
    {?>

    <tr>
    <td><?php echo $cat_id = $row['cat_id']; ?> </td>

        <td name="item_name"><?php echo $item_id = $row['item_name'];?></td>

        <td><?php echo $item_descrip = $row['item_description'];?></td>

        <td><input name ="submit" type="button" class="added" onclick="addto()" 
        value="Add" >
        </td>

        </tr>
    <?php } ?>

    </table>

1 个答案:

答案 0 :(得分:1)

我不知道你尝试做什么,但我希望它有所帮助:

这是你的html 和jQuery上的一些修改的小提琴: http://jsfiddle.net/4FArt/5/

function addto(obj)
{
    var $row = $(obj).parents("tr");
    var $table = $("#tradee");
    var item_name = $row.find(".item-name").text();
    var item_desc = $row.find(".item-desc").text();

    var newTR = $("<tr><td>"+item_name+"</td><td>"+item_desc+"</td></tr>");
    $table.append(newTR);

}

您还应检查HTML的标记,TD没有name属性,而<TH>也包含<TR> ...但也许是只是为了展示,你们都知道:)