背景
近期负责的管理后台,有下拉多选的业务需求
通过网上的经验搜索,发现 xm-select 是个非常不错的选择
并且,当前的后台使用的正是 layui 前端框架
所以,在此整理一下 对下拉多选功能 【xm-select 】 的使用步骤
欢迎指摘 …
▷ 使用步骤
参考使用文档,根据本人实际操作步骤,在此描述如下:
①. html 代码
此处摘取核心代码如下 (前端框架使用的是 【layui】)
由于 layui 框架的覆盖性,我们是无法使用传统 js、jQuery 的写法的,比如: $("#toSelGoodsID").change(function(){)
html 核心代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联想控股</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-select.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.js"></script>
</head>
<body>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联想控股</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap-responsiv.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/dataTables.bootstra.css">
</head>
<body>
bootstrap 查询 展示 分页 常用**
领取专属 10元无门槛券
手把手带您无忧上云