2. 程式人生 > >layui下拉框不顯示的問題

layui下拉框不顯示的問題

阿新 • • 發佈：2018-12-05
  • 1.先檢查有沒有引入layui.js
  • 2.然後看有沒有被<form class="layui-form"></form>包住，
  • 3.檢視是否有以下程式碼
  1. <script>
  1. layui.use('form', function(){
  1. var form = layui.form;
  1. });
  1. </script>
  • 如果條件都滿足，通常是沒有問題的。
  • 但如果用了laytpl，就有可能不顯示，解決辦法如下：
var getTpl = projectDemo.innerHTML, view = document.getElementById('view'); laytpl(getTpl).render(data, function(html) { view.innerHTML = html; }); form.render('select'); //沒有這一句無法顯示下拉框， 且必須在laytpl渲染之後渲染select ，所以這一句不能放在laytpl前面（個人見解）。  
  1. form.render(); //更新全部
  2. form.render('select'); //重新整理select選擇框渲染

相關推薦

layui下拉框不顯示的問題

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

layui下select下拉框不顯示或沒有效果

Layui會對select、checkbox、radio等原始元素隱藏，從而進行美化修飾處理。但這需要依賴於form元件，所以你必須載入 form，並且執行一個例項。值得注意的是：導航的Hover效果、Tab選項卡等同理（它們需依賴 element 模組） 所以當新新增這些元素

layui 根據下拉框選擇 顯示圖片

圖示： <div class="layui-col-md6"> <label class="layui-form-label">圖示</label> <div class="layui-input-block"> &l

【Layui】關於單選框的選中狀態，下拉框預設顯示

author：咔咔 wechat：fangkangfk   案例：    我們先看一下點選修改電影這個分類的資料   在修改的這個頁面裡邊，分類也是迴圈出來的   只需要讓查出的來的id跟這個迴圈的

html固定寬度下拉框內容顯示不全問題解決方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

下拉框只顯示最初下拉框中的值和json返回array的交集

sel .text json down emp tno append length drop 首先我們可以遍歷dropdown var array = new Array(); $("#select option").each(function(j){ array[j]=

純css實現select下拉框並排顯示

code 同時 eight spl one 背景色 不起作用 表單 lang <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l

layui 下拉框 動態獲取數據

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

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下拉框後臺動態賦值

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

layui下拉框總結

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

select2點選空白處 下拉框不消失

我看網上都說是父元素的高度不夠，但是我增加了父元素的高度。 方法1： 除錯發現點選所屬的父級容器，所以簡單處理就是可以在頁面加大高度，其實就是所在頁面的body第一層容器高度 <div class="container" style=" height:1000px;width:10

layui下拉框js封裝

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

Beego框架下拉框選項顯示

通過前面的分析，我們知道每次下拉框都是重新從資料庫中獲取型別資料進行繫結，這裡面我們就需要對選中的型別加一個判斷，當從資料庫中取出的資料是選中的型別時，就給下拉框選項屬性selected設定為true。首先後臺要傳遞當前選中的型別名稱給檢視，程式碼如下： //傳

js中讓下拉框自動顯示對應的option

jsp頁面的下拉框 <select name="pstType" id="p_status"> <option value="0" >可用</option> <option value="1" &g

layui——下拉框監聽

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

html select下拉框上顯示空的實現方法

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！                        在之前的博文中， 我們討論了可編輯的html下拉框的間接實現， 在本文中， 我們來看看如果將html的下拉框顯示為空白。        先看程式

Ajax提高篇（7）Ajax實現簡單的下拉框聯動顯示資料

頁面中的兩個下拉列表框：<tr> <td style="width: 130px"> 所在學院：</td> <td styl