生成下拉框的几种方法总结——数据来源：数据库

下拉框的内容可以来自数据库、枚举、自己在程序中的定义等，我们今天来介绍一下先介绍来自数据库的数据进行下拉列表的实现。

使用场景：客户下拉列表等

1、确保数据库中有相关客户信息数据。

2、获取数据格式(id，name)

<select id="getCusCustomerForSelect" resultType="java.util.Map">select id,Customer_Name as name from cus_customer</select>

3、返回数据类型List<Map<String,Object>>

List<Map<String,Object>> getCusCustomerForSelect();

4、在js中获取生成下拉框所需要的数据

/*** 获取客户下拉列表* @param selectId*/
function getCusCustomerForSelect(selectId) {var $selectId = $("#" + selectId);var url = "commonCtrl/getCusCustomerForSelect";$.get(url, function (data) {var info = "<option value=''>请选择</option>";for (var i = 0; i < data.length; i++) {info += "<option value=" + data[i].id + ">" + data[i].name + "</option>";}$selectId.append(info);layui.use('form', function () {var form = layui.form;form.render('select');})})
}

5、页面上调用展示，本次使用的是layui

 <select type="text" id="customerId" name="customerId" lay-filter="customerId" lay-searchautocomplete="off"></select>

js中调用

<script>var $ = layui.jquery;$(function () {getCusCustomerForSelect("customerId");});
</script>

转载于:https://www.cnblogs.com/yangyuke1994/p/9999245.html

生成下拉框的几种方法总结——数据来源：数据库相关推荐

生成下拉框的几种方法总结——数据来源：枚举
上节介绍数据来源是数据库,这节介绍对枚举进行数据获取,形成下拉列表. 使用场景:某些状态值获取等,一般是数据量小,不需要在数据库中进行维护的数据集 1.前提要有枚举数据 package com.tes ...
layui表单mysql_layui表单验证支持select下拉框的一种方法
背景: 1.layui在select选择后可以通过layui.event.call触发form.on('select(##)',function...)事件 2.layui的select被渲染后会变成 ...
layui表单验证支持select下拉框的一种方法
背景: 1.layui在select选择后可以通过layui.event.call触发form.on('select(##)',function...)事件 2.layui的select被渲染后会变成 ...
PHP下拉框选择的实现方法
实现第一种PHP下拉框实现方法: < ?php //提交下拉框; //直接饱触发onchange事件的结果 $id=$_GET['myselect']; // myselect 为locati ...
php可输入的下拉框,JavaScript_可编辑下拉框的2种实现方式，可编辑下拉框-HTML 复制代码代 - phpStudy...
可编辑下拉框的2种实现方式可编辑下拉框-HTML A类 B类 C类 D类可编辑下拉框-JS 可编辑下拉框可编辑下拉框作者 function combox(obj,select){ this.o ...
Qt QComboBox下拉框文字重叠解决方法
Qt QComboBox下拉框文字重叠解决方法参考文章: (1)Qt QComboBox下拉框文字重叠解决方法 (2)https://www.cnblogs.com/nanqiang/p/10559 ...
jQuery自定义漂亮的下拉框插件8种效果演示
原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示在线预览下载地址实例代码 <!DOCTYPE html> <html lang="en& ...
Java selenium操作下拉滚动条的几种方法
数据采集中,经常遇到动态加载的数据,我们经常使用selenium模拟浏览器操作,需要多次下拉刷新页面才能采集到所有的数据,就此总结了几种selenium操作下拉滚动条的几种方法我这里演示的是Java ...
java excel 数据有效性_Excel设置数据有效性实现单元格下拉菜单的3种方法
Excel设置数据有效性实现单元格下拉菜单的3种方法一.直接输入: 1.选择要设置的单元格,譬如A1单元格: 2.选择菜单栏的"数据"→"有效性"→出现&qu ...

生成下拉框的几种方法总结——数据来源：数据库

生成下拉框的几种方法总结——数据来源：数据库相关推荐

最新文章

热门文章