Question

我目前有一个循环遍历我的数据库并显示我请求的所有结果的表，然后我使用jquery在点击时选择一行并复制我选择的两个字段并粘贴代码并描述两个单独的输入框

<table id="table "class="border_bottom"> <?php while ($row = mysql_fetch_array($query)) { ?> <tr id="table" class="border_bottom"> <td width="100px" class="copy" align="center"><?php echo $row['code']; ?></td> <td width="500px" align="center"><?php echo $row['description']; ?></td> </tr> <?php } ?> </table>

<input type="text" class="paste" value="" style="width:125px;height:18px;text-align:center;" readonly />

<input type="text" placeholder="Description" readonly></input>


<script type="text/javascript">
$(document).on('click', '.copy', function(e){
    e.preventDefault(); //for <a>
    $('.paste').val($(this).text());
});
</script>

java代码在我选择代码时效果很好，它会复制并粘贴但我已经试图弄清楚如何让它复制并粘贴但没有运气，任何帮助将不胜感激

Answer 1

要在输入中同时获取代码和说明：

使用相同的类名“row”生成你的tr：

注意：从tr中删除id，因为id应该是唯一的

<table id="table" "class="border_bottom">
    <?php while ($row = mysql_fetch_array($query)) { ?>
        <tr class="row border_bottom">
            <td width="100px" align="center"><?php echo $row['code']; ?></td>
            <td width="500px" align="center"><?php echo $row['description']; ?></td>
        </tr>
    <?php } ?>
</table>

将id添加到输入字段以便更容易引用：

<input type="text" id="code" class="paste" value="" style="width:125px;height:18px;text-align:center;" readonly />
<input type="text" id="desc" placeholder="Description" readonly />

更新您的jquery，当您单击该行时，将代码输入您的代码输入字段，将您的描述添加到您的描述输入字段

$(document).on('click', '.row', function(e){
    e.preventDefault(); //for <a>
    $('#code').val($(this.children[0]).text());
    $('#desc').val($(this.children[1]).text());
});

您可以参考以下jsfiddle作为工作示例： https://jsfiddle.net/hntmvnmq/

javascript复制和粘贴

1 个答案: