根据我们按钮选择的行设置数据库中的值

Question

我想为我的办公室制作一个表格，用户可以填写表格 无需手动输入。
只需从弹出浏览器中搜索，找到他们的数据并自动在字段中设置。

这是表格显示，
当我们点击蓝色文件图标打开新的弹出窗口时

这是新的弹出窗口，搜索显示 当我们点击按钮＆＃39; pilih＆＃39;我想要（＆＃39; nik，nama_karyawan，departemen，jabatan＆＃39;） 自动设置表单显示。

Answer 1

您需要的是将参数发送到开启窗口。您可以使用 window.opener轻松完成以下是适用于我的示例代码：

在父窗口中：

<script>
    $(document).ready(function(){
        $('.btnOpenPopup').click(function(){
             window.open("popup.html", "userList", "width=200, height=100");
        });     
    });
</script>

<form name="test">
    <label>Name: </label>
    <input type="text" name="firstname" id="firstname" />
    <a href="javascript:void(0);" class="btnOpenPopup">Open</a>

    <br /><br />
    <label>Last name:</label>
    <input type="text" name="lastname" id="lastname" />
</form>

在弹出窗口中：

<script>
    $(document).ready(function(){
        $('table tr').click(function(){
            firstName = $(this).find('td:eq(1)').text();
            lastName = $(this).find('td:eq(2)').text();

            window.opener.$('input[name="firstname"]').val(firstName);
            window.opener.$('input[name="lastname"]').val(lastName);

            window.close();
        });
    });
</script>
<table width="80%">
    <tr>
        <td>ID</td>
        <td>Name</td>
        <td>Last name</td>
    </tr>
    <tbody>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Something</td>
        </tr>
        <tr>
            <td>8</td>
            <td>Albert</td>
            <td>Potter</td>
        </tr>
        <tr>
            <td>9</td>
            <td>Melis</td>
            <td>Some Last Name</td>
        </tr>
    </tbody>
</table>