layui中如何给layer select的赋值

layui是一条目比力出名的前端UI框架，它遵循原生 HTML/CSS/JS 的书写法则，select选择框样式都雅，兼容本家儿流浏览器。下面介绍layui中若何给select赋值。

东西/原料

1
新建HMTL前端展示文件，注重在HMTL文件中需要引入jquery.min.js，layui.js，layui.css文件。代码如下：
2
编写select下拉框实现代码。在DIV中操纵layui的类快速做出select下拉框，而且用layui衬着生当作select下拉框。
代码如下:
3
上面代码运行后实现下图的结果。可以看到此时select框是没有选项的，点击下拉箭头，显示“没有选项”。
4
新建getList.php文件，本家儿如果select赋值的时辰利用，经由过程AJAX请求该文件，获得select下面的选项内容，为了便利测试，这里直接界说数组，返回json数据。
5
在前端HTML页面，编写JS代码获得select选项内容。这里经由过程Ajax请求数据，js代码如下：
6
实现页面加载时就直接给select赋值。这里需要把Ajax请求界说当作一个函数，而且页面加载时就执行一次，完当作select的赋值。颠末点窜后的JS代码如下：
7
至此，完当作所有的代码编写。实现的结果如下图：
注：完整的代码在百度云下载：10wPDCiChfcm305wfC__PFw 提取码: hf6y