php:实现窗口选择数据，并返回给主页面

该功能使用layer实现窗口。在主页面打开窗口，传递参数后将在窗口页面选择需要的数据后返回给主页面。这里实现多个文本框访问同一个窗口页面的信息

一、效果

主页面效果，点击“选”，可以打开窗口

搜索框内容 

二、安装layer

1、参考官网

jsDelivr - A free, fast, and reliable CDN for JS and open source

2、使用npm下载

npm install layui

在终端运行 

安装成功路径

3、引入方法

这提供了两种，一种是本地的(未注释部分)，一种是联网的(注释部分)

三、引入jquery

1、参考官网

Download jQuery | jQuery

2、下载jquery

这里直接在官网下载了

3、引入jquery

四、主页面搭建

1、引入参数

<!-- 引入 jQuery -->
<script src="jquery_layui/jquery-3.6.0.min.js"></script>
<!-- 引入 layer.js -->
<script src="node_modules/layui/dist/layui.js"></script>
<link rel="stylesheet" href="node_modules/layui/dist/css/layui.css">
<!-- 引入 layer.js -->
<!-- <script src="https://cdn.jsdelivr.net/npm/layui@2.7.6/dist/layui.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.7.6/dist/css/layui.css"> -->

2、视图层

这里主要展示文本框部分。主要的效果是，选择工号，带出姓名（每一个工号都对应一个姓名，打开的窗口都是同一个窗口）

这里主要使用data的值data-target="..." ，data-name-target="..._name"去标注我选的工号这一项需要携带的参数target、name-target。然后给工号和名称一个id，工号：...，名称：..._name

<div class="text-nav-1"><div style="background-color:#87CEFA;">组长工号：</div><input type="text" size="70" name="group_leader" id="group_leader" value="<?= $_POST['gr