1. 程式人生 > >layui下拉框動態載入

layui下拉框動態載入

layui.use(['form', 'upload'] , function () {
    var $ = layui.jquery
        , upload = layui.upload
        , form = layui.form;
            $.get(ctx + '/???/???', {}, function (data) {
                var $html = "";
                if(data.data != null){
                    $.each(data.data, function (index, item) {
                        if (item.proType){
                            $html += "<option class='generate' value='" + item.id + "'>" + item.proType + "</option>";
                        }else{
                            $html += "<option value='" + item.id + "'>" + item.name + "</option>";
                        }
                    });
                 $("select[name='???']").append($html);
                 //反選
                 $("select[name='???']").val($("#???").val());
                 //append後必須從新渲染
                 form.render('select');
             }
        })
})

相關推薦

layui動態載入

layui.use(['form', 'upload'] , function () { var $ = layui.jquery , upload = layui.upload

layui 動態獲取數據

att 追加 div appendto blog 列表 index ast 下拉 $(function(){var grade=$("#grade");grade.append("一年級"); //添加下拉列表grade.append("二年級");grade.append

JQuery中使用select2外掛功能之自動完成動態載入匹配(本地資料與遠端資料結合)

前言 最近專案中遇到一個問題:前端載入頁面的時候某些頁面載入速度很慢,耗時很久;有些頁面載入的飛快;因為上面所說的頁面都是由同一個程式動態生成的,利用多執行緒同步機制完成不同的前端頁面;因此當時就斷定不是程式的大問題;應該是處理資料部分存在問題;在chrome瀏覽器一測;還真的是大資料的問題

layui後臺動態賦值

前臺頁面: <select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter"> <option value=""></option> </select> 前臺js:  &

Android進度條、自動提示動態資料載入

1.進度條實現 佈局檔案: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

layui賦值

tis str btn conf gin category ext bar borde layui下拉框賦值 原創 2017年11月08日 18:45:39 2087 1、定義下拉框 <div class="layui-input-block layui

layui 取值

clas sele () lec bsp pre use val form layui.use(‘form‘, function () { var form = layui.form; form.on(‘select(Status)

layUI 遮擋

編輯 但是 ack pre 頁面 head 分享圖片 百度 jpg 原項目中把layui內置的富文本編輯器替換成了百度的ueditor,但是出現了一點問題,下拉框被遮擋了! 在網上查詢了一些方法,發現最簡單的方法就是在當前頁面的<head>標簽中加入

layui總結

<optgroup label="學生時代"> <option value="你的工號" selected >你的工號</option> <option value="你最喜歡的老師">你最喜歡的老師</option> </optgrou

layuijs封裝

/** * 初始化返回資料型別下拉框 * @param comboboxId 下拉框ID * @param param 自定義sql要傳入的引數,例如 {cfgCode:'ENUM_GETTER',enumCategoryId:enumCategoryId} 其中cfgCode為必傳引數 *

layui不顯示的問題

1.先檢查有沒有引入layui.js 2.然後看有沒有被<form class="layui-form"></form>包住, 3.檢視是否有以下程式碼 <script> la

layui——監聽

<select name="" id="userSelect" lay-filter="userClass"> <option value="0">使用者</option> <option value="1">v

實現antd動態新增內容(與資料庫互動)

antd下拉控制元件的動態內容新增(與資料庫互動) antd這個框架給開發帶來了極大的方便,但同時,我認為還有一些不方便的地方:常用的邏輯在文件中沒有體現。需要前端開發經驗的人才能快速上手,而我剛剛接觸這個東西,antd基本將所有常用的控制元件全都封裝了,包括select下拉框,在以往的開發當中,我常常將下

layui複製

頁面程式碼 div中 class="layui-form"  和  lay-filter="selFilter" 必需加上 <div class="layui-col-xs6" > <label class="layui-form-

使用ajax給頁面的多個動態賦值

 一。前臺頁面 $.post("${ctx}/basedata/baseData.do?method=queryPlantUnitList",function(data){             var optionvalue=eval("("+data+")");

Jquery單選、複選動態設定預設項,及動態獲取選中項。

1.單選框Html程式碼: 女 男 <div class="col-sm-7"> <div class="rdio rdio-success col-sm-2">

Easyui combobox動態繫結資料

easyui-combobox根據資料庫查詢繫結資料,如下: 1、html <select id="st_cmpy" editable="false" class="easyui-comb

layui複選實現

html: <div class="layui-input-inline" style="width:100px;"> <select name="Field" lay-filter="Field" placeholder="選擇" multiple="multiple" cl

bootstrap動態賦值

以前一直使用easyui,發現越來越跟不上現在前端的一些技術,所以改用bootstrap,然後發現好多包括簡單的下拉賦值都不會了,這裡上網找了下,然後發現下面這個不錯,用上了,特此記錄一下 <script type="text/javascript

使用select2ajax載入資料時,編輯賦值的方法

最近在做一個專案,專案地址: https://github.com/wangyuanjun008/wyj-parent.git 使用bootstrap select2下拉框外掛,ajax從後臺載入資料,儲存編輯後,不知道怎麼為下拉框賦值,下拉框程式碼如下: