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 多浏览器分别判断代码
Apr 01 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
php 实现进制相互转换
2016/04/07 PHP
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
axios学习教程全攻略
2017/03/26 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
微信小程序实现授权登录
2019/05/15 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
Pycharm设置utf-8自动显示方法
2019/01/17 Python
tensorflow中tf.reduce_mean函数的使用
2020/04/19 Python
HTML5 新旧语法标记对我们有什么好处
2012/12/13 HTML / CSS
应届大学生的推荐信
2013/11/20 职场文书
高中班长自我鉴定
2013/12/20 职场文书
招聘单位介绍信
2014/01/14 职场文书
六查六看自查材料
2014/02/17 职场文书
《荷花》教学反思
2014/04/16 职场文书
孩子教育的心得体会
2014/09/01 职场文书
颂军魂爱军营演讲稿
2014/09/13 职场文书
售房协议书范本2014
2014/10/23 职场文书
工作迟到检讨书范文
2015/05/06 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书