layui下拉多选框怎么实现？类似于下面这种效果的。
网友回复
使用xmselect
完整示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!-- layui css -->
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css">
<!-- layui js -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.all.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/xm-select.js"></script>
</head>
<body style="min-height: 1000px;">
<div class="layui-container">
<!-- 拷贝整个.layui-card 即可 -->
<div class="layui-card" id="userinfo">
<div class="layui-card-header">下拉框多选:默认选中,远程搜索等常用参数</div>
<div class="layui-card-body">
<form class="layui-form" action="" lay-filter="info">
<div class="layui-form-item">
<div id="demo1"></div>
</div>
</form>
<script>
var options = {
el: '#demo1',
name: 'xmselectName',//表单的name属性
layVerify: 'required',//必填项
//layVerType: 'tips',//提示类型 同layui
tips: '你喜欢什么水果呢?傻瓜教程',
toolbar: {//工具条,全选,清...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
浏览器中如何实时调用摄像头扫描二维码？
grok4、gemini2.5pro、gpt5、claude4.1到底谁的编程能力更强一些？
python能将2d平面户型图转换成3d三维户型效果图吗？
有没有什么办法将网页的指定dom元素及子元素的所有css导出？
如何避免调用ai大模型api对话的时候用户让他说出自己的系统提示词？
textarea如何实现标签tag式输入和自由文本结合？
如何用js实现两个textarea的文本内容差异化对比同步滚动？
如何用html写出一个调用大模型api实现ai下象棋的游戏？
ai生成软著软件著作权材料的ai提示词怎么写？
如何给网页富文本编辑器增加ai续写、ai润色优化等功能?
