javascript - 将表格行数据从对话框窗口传递到主页面表格

Question

这是主页上的表格:

 <table>
        <th>Apple</th>
        <th>Ball</th>
        <tr>
            <td><input type="text" /></td>
            <td><input type="button" /><a href="#"></a></td>
        </tr>
         <tr>
            <td><input type="text" /></td>
            <td><input type="button" /><a href="#"></a></td>
        </tr>
    </table>

这是窗口对话框中的表格:

<table>
        <th>Apple on Dialog</th>
        <th>Ball on Dialog</th>
        <tr>
            <td>A1</td>
            <td>A2</td>
            <td>A3</td>
        </tr>
         <tr>
            <td>B1</td>
            <td>B2</td>
            <td>B3</td>
        </tr>
    </table>

看这个FIDDLE ，不是为了工作代码，而是为了想要的结果页面，因为我不知道如何在 jsfiddle 上创建窗口对话框，所以我的 fiddle 很简单。谢谢大家。

Answer 1

请检查这个JSFIDDLE

您必须将单击的 btn 的身份保存/传递给对话框，以便它知道将内容复制和粘贴到哪里。希望 jsfiddle 能给你一些想法

$(document).ready(function(){
    $('#1, #2').click(function(){
        window.clickedbtnid = $(this).attr('id');
        $( "#table_dialog_1" ).dialog();
    });
    $( "#table_dialog_1" ).find('td').click(function(){
        $('#'+window.clickedbtnid).parent().prev().find('input').val($(this).text());
        $( "#table_dialog_1" ).dialog('close');
    })
});