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 多级checkbox选择效果
Aug 20 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
Javascript delete 引用类型对象
Nov 01 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
JS实现简单短信验证码界面
Aug 07 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
一文了解Vue中的nextTick
May 06 Javascript
Layui 解决表格异步调用后台分页的问题
Oct 26 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生成html分页列表的代码
2007/03/18 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
thinkphp分页集成实例
2017/07/24 PHP
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
2017/08/28 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
2018/12/04 jQuery
使用Node.js写一个代码生成器的方法步骤
2019/05/10 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
python redis 删除key脚本的实例
2019/02/19 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
阿联酋优惠券服务:Living Kool
2019/12/12 全球购物
物流仓管员岗位职责
2013/12/04 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
小学老师对学生的评语
2014/12/29 职场文书
2015小学五年级班主任工作总结
2015/05/21 职场文书
如何利用Python实现一个论文降重工具
2021/07/09 Python
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js