formSelects 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
formSelects 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

formSelects-v4.js 基于Layui的多选解决方案

使用方式

//1.下载formSelects-v4.1
 
//2.模块化使用
<script src="layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    //全局定义一次, 加载formSelects
    layui.config({
        base: '../src/' //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        formSelects: 'formSelects-v4'
    });
    //加载模块
    layui.use(['formSelects'], function(){
        var formSelects = layui.formSelects;
         
    });
</script>
 
//3.非模块化使用
<script src="layui.all.js" type="text/javascript" charset="utf-8"></script>
<script src="formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    var formSelects = layui.formSelects;
     
</script>

基本参数

属性名说明示例
xm-select多选核心, 标记不同的多选, 多选IDxm-select="id"
xm-select-max多选最多选择数量xm-select-max="3"
xm-select-skin皮肤xm-select-skin=" default | primary | normal | warm | danger "
xm-select-search本地搜索 & 远程搜索xm-select-search, xm-select-search="/search", 值为空时已有条目过滤搜索, 有值时开启远程搜索
xm-select-create条目不存在时创建, 标记性属性xm-select-create
xm-select-direction下拉方向xm-select-direction="auto|up|down", 自动, 上, 下, 默认自动模式
xm-select-height标记select高度是否固定xm-select-height="36px", 高度不再随数据变化而变化
xm-select-radio单选模式xm-select-radio, 最多只能选择一个
xm-select-search-type搜索框的显示位置xm-select-search-type="title" 在下拉选title部分显示, xm-select-search-type="dl" 在选项的第二条显示
xm-select-show-count多选显示的label数量xm-select-show-count="2", 超出后隐藏

效果图

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/04/10 10:10

layui中formSelects的使用

1.下载 下载地址:https://github.com/hnzzmsf/layui-formSelects 2. 引入 //引入formSelects.css <link rel="stylesheet" href="formSelects-v4.css" /> //模块化使用 <script src="layui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //全局定义一次, 加载formSelec...

0
0
发表了博客
2019/11/07 14:39

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"> <label class="layui-form-label">系统用户</label> ...

0
0
发表了博客
2019/08/04 23:26

formSelects 4.x多选下拉框

需先引入: formSelects-v4.css formSelects-v4.js 插件下载地址:https://fly.layui.com/extend/formSelects 使用: <div class="layui-form"> <div class="layui-input-inline"> <select name="select_base_cityname" id="select_base_cityname" lay-filter="select_base_cityname" xm-select="select_base_cityname"...

0
0
发表了博客
2019/08/30 10:27

formSelects-v4.js 基于Layui的多选解决方案

详情链接地址: https://hnzzmsf.github.io/example/example_v4.html#select_search_server 1、闲谈杂趣 v3传送门 v3文档 其实思考了很久, 还是放弃了v3, 因为开发v3的时候很粗暴, 按照编程角度来看就是硬撸, 也怪自己实力有限, 所以反思了一下, 尝试着继续前行... 2、交流学习 QQ号: 707200833 QQ群: 769620939 重要的事...

0
0
发表了博客
03/16 16:22

【Layui】formSelects下拉多选框取值

<link rel="stylesheet" href="formSelects-v4.css" /> <script src="layui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //全局定义一次, 加载formSelects layui.config({ base: '../src/' //此处路径请自行处理, 可以使用绝对路径 }).extend({ ...

0
0
发表于大前端专区
05/21 19:09

formSelects-v4.js 基于Layui的多选解决方案

3、下载与使用 下载地址: GitHub 使用文档: GitHub Pages 使用方式: //1.下载formSelects-v4 //然后引入formSelects.css <link rel="stylesheet" href="formSelects-v4.css" /> //2.模块化使用 <sc......

0
0
发表了博客
2019/09/25 14:02

layui 自定义模块

新建模块目录modules 新建common.js layui.define(['jquery'], function (exports) { var $ = layui.jquery; var obj = { test: function () { alert('test from common'); } }; //输出接口 exports('common', obj); }); 配置 layui.config({ base: '/xadmin/lib/...

0
0
发表于开发技能专区
2018/08/13 17:24

简单前后端技术选型(随时更新)

一、后端架构: actframework 或者 springboot http://graphql.cn/ 二、前端: antd 或者 layui 1.图表 antV(G2,G6) 2.图标 iconfont 3.前端第三方库: layui-formSelects xtree 做权限的比较方便 art-template 三......

0
1
发表了博客
2019/08/08 17:18

多选下拉.并且把选中的值.显示在文本框中.

1.效果 2.引用的对应的js. <script src="~/Scripts/js/formSelects-v4.min.js"></script> 3.HTML部分 <div class="layui-input-block xc-icon"> <select name="sheng" id="idUserHao_Province" xm-select="userHao_Province" lay-filter="brickType"></select> <input type="hidden" id="userHao_HidProvince" /> <input...

0
0
发表了博客
2019/08/16 17:17

LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现

  例如多选框如下: <div class="layui-form"> <select xm-select="city"> </select> </div>   动态加载: var url = "加载路径"; View.get(url, "city=" + city, function(resp) {   if (resp) {     var html = "";     for (var i = 0; i < resp.length; i++) {       html +=...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
15 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部