jQuery下拉菜单(原创)

所属分类:输入-选择框

 15526  83  查看评论 (3)
分享到微信朋友圈
X
jQuery下拉菜单(原创) ie兼容12

更新时间:2021-04-15 00:46:25

API

Select:

参数说明可选值类型默认值
data-class=""给Select指定一个选择器-String-
data-mode=""下拉菜单选择类型多选:multiple单选:singleStringsingle
data-type=""下拉类型默认下拉菜单:select图片下拉菜单:img树下拉菜单:treeStringselect
data-tips=""下拉菜单为空时显示的文字-String-
data-name=""input指定Name名称-String-
data-id=""input指定Id-String-
data-disable=""是否禁用-Booleanfalse
data-subset=""树下拉规定只能选择哪一级1 2 3Number0
data-revert=""返回类型id array 图片下拉暂不支持返回数组Numberid
data-hide=""N秒后自动关闭,0 代表不自动关闭-Number0
data-selectCol=""设置下拉列表,列数-Number1

Option:

参数说明可选值类型默认值
data-select=""默认选中值-Boolean-
data-...=""随意添加自定义属性树下拉菜单暂不支持自定义属性String-

Function:

语法:$(selector).DropDown(event,{parameter})
说明说明参数描述类型
event事件方法名称set替换下拉列表数据String
setValue设置选中值
parameter事件方法参数data:[]数据数组Array
value:''下拉列表选中值,优先级最高,多个逗号隔开String
specify:{}

默认读取name字段,当前只支持tree下拉菜单

one_name: '' 一级菜单显示字段Object
two_name: '' 二级菜单显示字段
three_name: '' 三级菜单显示字段
url:''图片下拉需要指定图片路径String
empty:true/false设置当前选中值时,是否清空原有选中Boolean


相关插件-选择框

vue2.0实现全选,全不选。

当单个选中所有时,全选自动变成全选状态;当全选后,取消其中一个,全选状态改变。
  选择框
 34422  361

js实现美化的下拉框菜单插件

用div+ul实现的下拉框,用户可通过修改样式来定义自己喜欢的风格。
  选择框
 61384  360

强大的下拉框美化插件

Select2是一款基于jQuery的专门针对下拉框的美化插件
  选择框
 54264  350

移动端vue切换城市带自动定位

vue.js定位后 选择其他城市进行切换,适用移动端
  选择框
 27769  308

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

    血色妖瞳?? 0
    2022/8/12 9:11:30
    大佬,禁用没有效果呢 回复
    一碗蘑菇炖咸鱼 0
    2022/1/27 11:30:38
    树结构1级不可选,2,3级都可选能配置吗
        浮生无你、只是虚度0
        2022/2/9 17:38:43
        暂时不支持,只能单独指定选择某一级
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复