layui下拉联动

layui下写入监听,

searchPname 是第一个下拉框
searchParkingname 是第二个下拉框
            form.on(‘select(searchPname)‘, function(data){
                $.getJSON(apiCtxPath + "/comuser/vipuser/userVipByParkingarea?parkingsvrId="+data.value, function(data){
                    var optionstring = "";
                    console.log(data);
                    for (var i = 0; i < data.list.length; i++) {
                        optionstring += "<option value=\"" + data.list[i].columns.u_parkingarea_id + "\" >" + data.list[i].columns.parkingname + "</option>";
                    }

                 /*    $.each(data.data, function(i,item){

                    }); */
                    $("#searchParkingname").html(‘<option value=""></option>‘ + optionstring);
                    form.render(‘select‘); //这个很重要
                });
            });

下面是第二个下拉框html部分

                    <div class="form-group">
                          <label class="control-label" for="ordercode">停车场</label>
                                <select id="searchParkingname" name="searchParkingname" lay-filter="searchParkingname" lay-verify="required" lay-search="">
                                  <option value="">直接选择或搜索选择</option>
                                    <option value=""></option>
                                </select>
                    </div>

原文地址:https://www.cnblogs.com/EzioSyh/p/9001845.html

时间: 2024-08-30 16:34:57

layui下拉联动的相关文章

学习aiax(javascript)--省份-城市二级下拉联动(POST方式)

1.jsp代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

DBLookupCombobox实现下拉联动

这次用DBLookupCombobox实现省份-城市-地区的下拉联动,用以学习DBLookupCombobox的一些用法 效果图: 首先建立数据表(数据表形式可以多种多样:数据库表.文本.xml等,最终能转换成Dataset数据集就好,这里使用数据库表) 1.省份表 2.城市表 3.地区表 时间关系,就简单做了几个数据,只有广东-广州-地区是完整的数据 建表及数据代码: USE [his_mz] GO /****** Object: Table [dbo].[City] Script Date:

Jquery实现下拉联动表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

html年月日下拉联动菜单 年月日三下拉框联动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head><title>年月日三下拉框联动</title>

layUI 下拉框遮挡

原项目中把layui内置的富文本编辑器替换成了百度的ueditor,但是出现了一点问题,下拉框被遮挡了! 在网上查询了一些方法,发现最简单的方法就是在当前页面的<head>标签中加入 <style> .layui-form-select dl { z-index: 9999; } </style> 不要问我为什么,因为我也不知道 原文地址:https://www.cnblogs.com/by-xu/p/9409512.html

layui下拉框后台动态赋值

前台页面: <select name="xm" id="xm" lay-verify="required" lay-filter="xmFilter"> <option value=""></option> </select> 前台js: <script> layui.use(['form', 'upload', 'layer'], functio

layui下拉框实现级联

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <link href="../layui/css/layui.css" rel="stylesheet" /> <script src="../layui/layui.js"></script> <script src=".

layui下拉多选formSelects使用方法

下载formSelects-v4插件(引入formSelects-v4.css和formSelects-v4.js) 下载地址:https://fly.layui.com/extend/formSelects/#download <link rel="stylesheet" href="style/formSelects-v4.css"> //引入formSelects-v4样式 <div class="layui-form-item&q

Layui下拉选择框渲染不上(渲染失败)

我这边是要做一个部门的下拉框选择,首先我从后台查询出所以的部门.再通过json传到前端用$.each()循环遍历,再通过prepend,append等方法赋值下拉框. 但一切都觉得没问题的时候,结果就是渲染不上.其实原因很简单就是我忘记加  form.render('select'); //刷新select选择框渲染,这个小小问题耽误了我半天的时间:怪自己不仔细看文档. =====html代码 <div class="layui-inline"> <label cla