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

需要这些哦
源代码百度云下载地址：https://pan.baidu.com/s/10wPDCiChfcm305wfC__PFw 提取码: hf6y
方式/
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【layui中如何给layer select的赋值】在前端HTML页面 ， 编写JS代码获得select选项内容 。 这里经由过程Ajax请求数据 ， js代码如下：




6实现页面加载时就直接给select赋值 。 这里需要把Ajax请求界说当作一个函数 ， 而且页面加载时就执行一次 ， 完当作select的赋值 。 颠末点窜后的JS代码如下：




7至此 ， 完当作所有的代码编写 。 实现的结果如下图：
注：完整的代码在百度云下载：https://pan.baidu.com/s/10wPDCiChfcm305wfC__PFw 提取码: hf6y





以上内容就是layui中如何给layer select的赋值的内容啦 ， 希望对你有所帮助哦！

猜你喜欢

• 数据库SQL语句中，如何统计平均值？avg函数使用
• 如何使用GList双向链表
• JavaScript中如何对Object对象进行增删改查操作
• 如何用正确的方式贮藏金骏眉红茶？
• 中国高端红茶金骏眉，你喝到的是真的吗？
• 支付宝怎么申请 如何注册支付宝账号
• 中国红茶的种类及特点
• 如何识别金骏眉？有些什么特点？
• 红茶
• 如何正确使用导管式卫生棉条