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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
建议大家看下JavaScript重要知识更新
Jul 08 Javascript
javascript 命名空间以提高代码重用性
Nov 13 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
Aug 04 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
简单的Vue SSR的示例代码
Jan 12 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
使用nvm和nrm优化node.js工作流的方法
Jan 17 Javascript
三步实现ionic3点击退出app程序
Sep 17 Javascript
react基本安装与测试示例
Apr 27 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
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
实用函数10
2007/11/08 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
激活 ActiveX 控件
2006/10/09 Javascript
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
dess中一个简单的多路委托的实现
2010/07/20 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
彻底理解js面向对象之继承
2018/02/04 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
python爬虫---requests库的用法详解
2020/09/28 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
新闻学专业应届生求职信
2013/11/08 职场文书
家佳咖啡店创业计划书
2013/12/27 职场文书
幼儿园秋游感想
2014/03/12 职场文书
马智宇婚礼主持词
2014/03/22 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
亮剑观后感500字
2015/06/05 职场文书
师范生小学见习总结
2015/06/23 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
《青山不老》教学反思
2016/02/22 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
javascript对象3个属性特征
2021/11/17 Javascript