layui使用label标签的方法


Posted in Javascript onSeptember 14, 2019

1.

//引入layui标签

2.

//body写代码

<form class="layui-form" action="">

 <div class="layui-inline">
    <label class="layui-form-label">选择课程:</label>
    <div class="layui-input-inline">
     <select id="select" name="modules" lay-verify="required" lay-search="">
      <option value="-1" >--请选择--</option>
    
     </select>
    </div>
   </div>
   </form>

3.

//script里的代码

$.ajax({
   type : "post",
   url : "onlines", //此次url改为真正需要的url
   success : function(data, status) {
     $.each(data, function(index, item) {
       $("#select").append( //此处向select中循环绑定数据
   "<option value="+item.o_id+" class='qu'>" + item.o_title+ "</option>");
     });
   },
 });

以上这篇layui使用label标签的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS学习之一个简易的日历控件
Mar 24 Javascript
javascript 实用的文字链提示框效果
Jun 30 Javascript
基于jquery的跨域调用文件
Nov 19 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
angular4强制刷新视图的方法
Oct 09 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
JavaScript实现多文件下载方法解析
Aug 07 Javascript
JS面向对象实现飞机大战
Aug 26 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 Javascript
使用layui定义一个模块并使用的例子
Sep 14 #Javascript
基于Layui自定义模块的使用方法详解
Sep 14 #Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
Sep 14 #Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 #Javascript
Layui Form 自定义验证的实例代码
Sep 14 #Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 #Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
Sep 14 #Javascript
You might like
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
JQuery扩展插件Validate 2通过参数设置验证规则
2011/09/05 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
用Vue编写抽象组件的方法
2019/05/06 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[13:21]DOTA2国际邀请赛采访专栏:RSnake战队国士无双,Fnatic.Fly
2013/08/06 DOTA
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
Python标准库之多进程(multiprocessing包)介绍
2014/11/25 Python
Python列表append和+的区别浅析
2015/02/02 Python
Python中的with...as用法介绍
2015/05/28 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
python用户管理系统
2018/03/13 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
python3连接kafka模块pykafka生产者简单封装代码
2019/12/23 Python
Python类反射机制使用实例解析
2019/12/30 Python
Django websocket原理及功能实现代码
2020/11/14 Python
大学生活学习的自我评价
2013/12/03 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Python opencv缺陷检测的实现及问题解决
2021/04/24 Python
一级电子管军用接收机测评
2022/04/05 无线电