网络编程 
首页 > 网络编程 > 浏览文章

layui使用label标签的方法

(编辑:jimmy 日期: 2024/11/14 浏览:3 次 )

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标签的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:解决layui调用自定义方法提示未定义的问题
下一篇:使用layui定义一个模块并使用的例子
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。