javascript復制和粘貼

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：

注意：從id中刪除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/