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 相关文章推荐
Javascript自定义排序 node运行 实例
Jun 05 Javascript
JavaScript中实现继承的三种方式和实例
Jan 29 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
基于javascript制作微博发布栏效果
Apr 04 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
Jun 13 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
不刷新网页就能链接新的js文件方法总结
Mar 01 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项目的方法
2006/10/09 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
超简单的jquery的AJAX用法
2010/05/10 Javascript
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
node+express框架中连接使用mysql(经验总结)
2018/11/10 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
Python定时器实例代码
2017/11/01 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
《Python学习手册》学习总结
2018/01/17 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
苹果中国官方网站:Apple中国
2016/07/22 全球购物
庆中秋节主题活动方案
2014/02/03 职场文书
美国留学经济担保书
2014/05/20 职场文书
职业规划实施方案
2014/06/10 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
外出听课学习心得体会
2016/01/15 职场文书
小学思品教学反思
2016/02/20 职场文书
golang操作rocketmq的示例代码
2022/04/06 Golang