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中循環(huán)綁定數(shù)據(jù)
   "<option value="+item.o_id+" class='qu'>" + item.o_title+ "</option>");
     });
   },
 });

以上這篇layui使用label標簽的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

layui 表單標簽的校驗方法

相關(guān)文章

簡單的加密css地址防止別人下載你的CSS文件的方法
阻止別人不那么容易下載或查看到你的CSS文件,高手可能阻止不了,不過新手們一時會不知所措,費一番周折了
2009-10-10
詳解微信小程序「渲染層網(wǎng)絡(luò)層錯誤」的解決方法
這篇文章主要介紹了詳解微信小程序「渲染層網(wǎng)絡(luò)層錯誤」的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
Javascript中引用類型傳遞的知識點小結(jié)
這篇文章主要給大家介紹了關(guān)于Javascript中引用類型傳遞的知識點，文中介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-03-03
微信小程序?qū)崿F(xiàn)滑動刪除
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)滑動刪除，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
這篇文章主要介紹了Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
微信小程序?qū)崿F(xiàn)手指觸摸畫板
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)手指觸摸畫板，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
js實現(xiàn)具有高亮顯示效果的多級菜單代碼
這篇文章主要介紹了js實現(xiàn)具有高亮顯示效果的多級菜單,涉及javascript針對cookie的調(diào)用及頁面元素樣式的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
這篇文章主要介紹了JS實現(xiàn)頁面?zhèn)冗厵谛Ч骄?本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01