layui下拉框组件layselect

所属分类:输入-选择框

 13116  38  查看评论 (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选中时触发监听函数,一般用于事件处理或者联动非必传


相关插件-选择框

zTree 下拉插件(原创)

基于zTree实现的下拉树型菜单选择
  选择框
 30997  319

jQuery移动端 城市四级联动

jQuery移动端城市四级联动,之前有一版是三级联动,这个增加了一级。
  选择框
 36191  378

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

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

JQ省市区三级联动选择插件

JQ省市区三级联动选择插件
  选择框
 152634  492

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

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