layui下拉框组件layselect

所属分类:输入-选择框

 5391  18  查看评论 (0)
分享到微信朋友圈
X
layui下拉框组件layselect ie兼容9

更新时间:2021-09-27 01:43:15

layselect

layui下拉框组件 layselect

软件架构

下载layselect后可直接放入layui/lay/modules/中当做原生组件使用,也可自行建立文件夹/modules/,layui使用的时候引用。

安装教程

1.  直接下载放入工程

使用说明

1.  直接放到layui/lay/modules/模块下作为原生组件

2.  自定义目录如/modules/,layui.use之前声明使用

    layui.config({ base: '../js/layui_exts/' }).extend({ regionSelect: 'regionSelect/regionSelect' }).use([''],function(){})

3.  有问题可联系:872694792@qq.com

4.  使用样例

layui.config({
    base: 'js/modules/'
}).extend({
    layselect: 'layselect'
}).use(['jquery', 'form', 'layselect'], function() {
    var select = layui.layselect,
        $ = layui.jquery,
        form = layui.form;
    console.log(select);
    select.render({
        elem: "#unit",
        url: 'json/groupshow.json', //归属类型
    });
    select.render({
        elem: "#subjectType",
        url: 'json/common.json', //归属类型
        format: function(data) {
            console.log(data);
            return data;
        }
    });
});

API说明

属性说明默认值
url  获取数据的请求地址,返回标准JSON格式:{code:'',codeName:'',status:'',groupName:'',groupChilddren:[]}  必传
elem|绑定的元素ID必传
data|请求URL携带的参数非必传
type|请求URL的方式,默认get非必传
format|请求返回数据格式与标准格式不一致时做映射处理非必传
select指定默认选择项非必传
onselect选中时触发监听函数,一般用于事件处理或者联动非必传


相关插件-选择框

jQuery移动端城市选择插件

jQuery移动端城市选择插件支持按字母快速定位。
  选择框
 57581  375

jQuery+css3下拉选择框

下拉选择,动画效果
  选择框
 53515  383

jQuery三级联动地区选择下拉插件

风格简洁大方,地区信息可以外部传入,地区信息使用按首字母归类排序
  选择框
 40094  384

选择联系人效果,搜索单个联系人功能(原创)

选择添加联系人效果,并带有搜索功能,实现更好人员选择效果jQuery插件
  选择框
 30808  357

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复