全国多级联动下拉菜单(原创)

所属分类:输入-选择框

 36202  386  查看评论 (18)
分享到微信朋友圈
X
全国多级联动下拉菜单(原创) ie兼容11

使用方法

发布时间:2018-1-11 0:44

基于mobileSelect.js做的全国联动,使用详情请参考

https://github.com/onlyhom/mobileSelect.js/blob/master/docs/README-CN.md

引入

方式一 标签引入:

<link rel="stylesheet" type="text/css" href="css/mobileSelect.css">
<script src="js/mobileSelect.js" type="text/javascript"></script>

方式二 npm:

npm install mobile-select -D

在你的js文件中import:

import MobileSelect from 'mobile-select'

快速使用

<div id="trigger4"></div>

<script type="text/javascript">
  var mobileSelect4 = new MobileSelect({
      trigger: '#trigger4',
      title: '地区选择-联动',
      wheels: [
                  {data:[
                      {
                          id:'1',
                          value:'附近',
                          childs:[
                              {id:'1',value:'1000米'},
                              {id:'2',value:'2000米'},
                              {id:'3',value:'3000米'},
                              {id:'4',value:'5000米'},
                              {id:'5',value:'10000米'}
                          ]
                      },
                      {id:'2',value:'上城区'},
                      {id:'3',value:'下城区'},
                      {id:'4',value:'江干区'},
                      {id:'5',value:'拱墅区'},
                      {id:'6',value:'西湖区'}
                  ]}
              ],
      position:[0,1],
      callback:function(indexArr, data){
          console.log(data); //返回选中的json数据
      } 
  });
  </script>
相关插件-选择框

Select2 实现的省市区三级联动

该插件是用Select2 实现的国内省市区联动选择。
  选择框
 87815  492

移动端swiper上下滑动选择

基于swiper实现的移动端上下滑动选择
  选择框
 23603  235

jQuery仿淘宝商品选配

jQuery仿淘宝商品信息选配效果
  选择框
 31295  375

jQuery下拉框多选

下拉字母多选框
  选择框
 94947  361

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

    ldx8400 0
    2019/9/12 10:36:47
    可以直接定义省份只选择地市和区县吗?
        晓?晓鱼0
        2020/4/20 14:35:04
        可以吧
    回复
    jqueryFor 0
    2019/7/23 10:01:33
    PLC. 0
    2019/6/24 13:52:54
    iPhone 使用2个以上不兼容 回复
    那一年,风景依旧 0
    2019/3/20 14:44:10
    楼主,我想问一下,如果我要他选中了地区后,那个字体颜色发生变化该怎么做呀? 回复
    0
    2018/12/17 14:36:13
    怎么赋值呢
        山/xs魂0
        2018/12/19 9:32:00
        赋值?结果是自动选中的,控制台有打印。如果要更换/添加地区名称的话,在js中更改就好。
    回复
    _S3 0
    2018/10/26 16:56:31
    你这个地区名称是怎么获取到的可以说一下嘛?
        山/xs魂1
        2018/11/1 9:34:38
        地区的名称是网上查到,然后自己转成json的。
        ‖Dearsee0
        2019/6/5 13:03:30
        网上找就行了
    回复
    The lamb of God. 0
    2018/8/11 10:22:13
    可以动态添加吗 回复
    纳兰辰逸 0
    2018/7/27 17:32:23
    需要引入什么js吗
        山/xs魂0
        2018/8/9 9:20:09
        mobileSelect.js就可以
    回复
    qiqi24 0
    2018/7/19 0:14:05
    你这个地区名称是怎么获取到的可以说一下嘛? 回复
    ° 我们不懂 0
    2018/2/27 10:32:13
    可以修改为二级联动吗?
        山/xs魂0
        2018/3/13 9:46:17
        完全可以的,只需要把最后一层childs:干掉就好了。
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复