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

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

一、效果

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

搜索框内容 

php:实现窗口选择数据,并返回给主页面_第1张图片

二、安装layer

1、参考官网

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

2、使用npm下载

npm install layui

在终端运行 

安装成功路径

php:实现窗口选择数据,并返回给主页面_第2张图片

3、引入方法

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

php:实现窗口选择数据,并返回给主页面_第3张图片

三、引入jquery

1、参考官网

Download jQuery | jQuery

2、下载jquery

这里直接在官网下载了

3、引入jquery

四、主页面搭建

1、引入参数







2、视图层

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

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

组长工号:

你可能感兴趣的:(php,开发语言)