layui下拉框组件layselect

所属分类:输入-选择框

 11700  37  查看评论 (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三级联动地区选择下拉插件

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

jQuery自定义select、单选、复选

jQuery自定义单选、复选插件select.jquery.js
  选择框
 35488  354

jQuery表单元素美化

richUI单选按钮,复选框,下拉框,css美化
  选择框
 31978  394

jQuery三级联动树状菜单选择

三级联动菜单,复选框添加删除接收传值,json数据格式
  选择框
 34024  360

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

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