根据我们通过按钮选择的行从数据库设置值

Question

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

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

这是新的弹出窗口，显示搜索。
当我们单击按钮“ pilih”时，我要自动在表单显示中设置“ nik，nama_karyawan，departemen，jabatan”。

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>