从加载页获取变量

我正在尝试使用jQuery和PHP从加载页面获取变量。假设我有 2 页。我的no-1.php页面将是一个表单显示，我还有一个<select>列表，用户必须选择状态，当用户单击时，它会从<div>内的页面no-2.php加载一个新的<select>列表。用户必须根据用户之前在第 1 页.php'中选择的状态选择员工姓名。

这是我制作的代码

no-1.php（jQuery调用函数供用户在状态上做出选择）

$(document).ready(function() {
    var p_id = $("#p_id").val(); //value from form on page no-1.php
    var pid = $("#pid").val(); //value from form on page no-1.php 
    $('#list').load('no-2.php', {
        "pid": pid,
        "p_id": p_id
    });
    $('#lokasi').change(function() { //#lokasi is the State that user choose
        $.ajax({
            type: "GET",
            url: "no-2.php",
            data: {
                mlk: $(this).val() //value of the state
            }
        }).done(function(data) {
            $('#list').html(data)
        });
    });
});

no-2.php（<select>用户根据州为员工名称选择的列表）

<select name="staff" id="staff">
    //php to select data from db
    <option value="<?php echo $row_mlk['staff_id']; ?>" <?php if($row_mlk[ 'staff_id']==$ p_id){ echo "selected"; } ?> >
        <?php echo $row_mlk[ 'name']; ?>
    </option>
</select>

更新过程在第 no-1.php 页上。其他数据可以完美更新，但只有第 no-2.php 页的工作人员不会更新。有人可以告诉我正确的方法吗？

问题已解决

我能做到！如果有人需要答案或指南，这就是我引用的URL。希望对您有所帮助，

https://css-tricks.com/dynamic-dropdowns/

感谢那些帮助过的人。