layui使用label标签的方法

 更新时间:2019年09月14日 23:08:13   作者:supersLi  
今天小编就为大家分享一篇layui使用label标签的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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中链式调用之研习

    方法链一般适合对一个对象进行连续操作(集中在一句代码)。一定程度上可以减少代码量,缺点是它占用了函数的返回值。
    2011-04-04
  • D3.js封装文本实现自动换行和旋转平移等功能

    D3.js封装文本实现自动换行和旋转平移等功能

    之前小编和大家分享了SVG中如何配合使用text和tspan来实现换行的功能,所以这篇文章对此功能进行一下封装,以后就可以直接用了。有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-10-10
  • 浅析BootStrap栅格系统

    浅析BootStrap栅格系统

    这篇文章主要介绍了浅析BootStrap栅格系统的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

    jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

    jsp js 鼠标移动到指定区域显示选项卡示例,离开时隐藏,具体实现代码如下,感兴趣的朋友可以了解下哈,希望对你有所帮助
    2013-06-06
  • js/html光标定位的实现代码

    js/html光标定位的实现代码

    光标定位,想必大家有所了解吧,在本文将为大家介绍的是通过自定义函数来实现标签元素的定位,感兴趣的朋友可以了解下
    2013-09-09
  • BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

    BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)

    这篇文章主要介绍了BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • 微信小程序实现带滑块的进度条

    微信小程序实现带滑块的进度条

    这篇文章主要为大家详细介绍了微信小程序实现带滑块的进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • js通过googleAIP翻译PHP系统的语言配置的实现代码

    js通过googleAIP翻译PHP系统的语言配置的实现代码

    一同事弄了个系统是php写的,虽然是多语言但没中文!他打算手动翻译2000多个语言配置,真是佩服,知道后想了想,应该有好的法办
    2011-10-10
  • Move.js入门

    Move.js入门

    本文主要介绍了Move.js基础知识和Move.js的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 一文教你用纯JS实现一个五子棋游戏

    一文教你用纯JS实现一个五子棋游戏

    实现一个五子棋游戏, 简要分析其原理, 页面并没有很花哨, 原理搞懂了, 后面的就是很轻松的事了,本文给大家介绍了如何用纯JS实现一个五子棋游戏,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2023-12-12

最新评论