根據我們通過按鈕選擇的行從數據庫設置值

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>