126 lines
3.3 KiB
HTML
126 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>多选下拉</title>
|
|
<link href="../../assets/css/pearone.css" rel="stylesheet" />
|
|
<link href="../../component/layui/css/layui.css" rel="stylesheet"/>
|
|
<link href="../../component/font-awesome/css/font-awesome.css" rel="stylesheet"/>
|
|
<link href="../../assets/css/formSelects-v4.css" rel="stylesheet"/>
|
|
<style>
|
|
body{
|
|
margin:10px;
|
|
background-color: lightgray;
|
|
}
|
|
select{
|
|
margin: 30px;
|
|
margin-top: 40px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
|
|
<select name="city4" xm-select="select4" xm-select-skin="default">
|
|
<option value="1">北京</option>
|
|
<option value="2" selected="selected">上海</option>
|
|
<option value="3">广州</option>
|
|
<option value="4" selected="selected">深圳</option>
|
|
<option value="5">天津</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
<select name="city1" xm-select="select1">
|
|
<option value="1">北京</option>
|
|
<option value="2" selected="selected">上海</option>
|
|
<option value="3">广州</option>
|
|
<option value="4" selected="selected">深圳</option>
|
|
<option value="5">天津</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
<select name="city2" xm-select="select2" xm-select-skin="normal">
|
|
<option value="1">北京</option>
|
|
<option value="2" selected="selected">上海</option>
|
|
<option value="3">广州</option>
|
|
<option value="4" selected="selected">深圳</option>
|
|
<option value="5">天津</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
|
|
<select name="city3" xm-select="select3" xm-select-skin="warm">
|
|
<option value="1">北京</option>
|
|
<option value="2" selected="selected">上海</option>
|
|
<option value="3">广州</option>
|
|
<option value="4" selected="selected">深圳</option>
|
|
<option value="5">天津</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
|
|
<select name="city4" xm-select="select4" xm-select-skin="danger">
|
|
<option value="1">北京</option>
|
|
<option value="2" selected="selected">上海</option>
|
|
<option value="3">广州</option>
|
|
<option value="4" selected="selected">深圳</option>
|
|
<option value="5">天津</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script src="../../component/layui/layui.js"></script>
|
|
<script src="../../modules/lay-config.js"></script>
|
|
<script>
|
|
//JavaScript代码区域
|
|
layui.use(['formSelects','code'], function() {
|
|
var formSelects = layui.formSelects;
|
|
|
|
layui.code()
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|