两部分问题: 我有两个表:一个表是项目,另一个是单击“添加”按钮时所选项目将被复制到的表格。之后,当选择了所需的所有项目时,将会有一个“完成”按钮,它将选择的项目发布到数据库。
我从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>
答案 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>
...但也许是只是为了展示,你们都知道:)