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

所属分类:输入-选择框

 4648  46  查看评论 (4)
全国多级联动下拉菜单(原创) 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>
相关插件-选择框

jQuery联动下拉菜单

一款简单实用的联动下拉菜单,第一的条件未选择的情况下无法选择第二个,以此类推
  选择框
 7727  31

最新版自制小清新selsct插件

美化下拉插件,兼容至IE8
  选择框
 8800  67

jQuery商品发布三级联动菜单代码

jQuery商品发布三级联动菜单代码是一款点击输入框弹出联动菜单,购物商城或者分类比较多的网站经常用到的产品商品分类选择联动菜单js代码。
  选择框
 9277  54

jQuery+css3下拉选择框

下拉选择,动画效果
  选择框
 21466  91

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    ° 我们不懂 0
    2018/2/27 10:32:13
    可以修改为二级联动吗?
        山/xs魂0
        2018/3/13 9:46:17
        完全可以的,只需要把最后一层childs:干掉就好了。
    回复
    Marryou-you 0
    2018/1/11 11:46:56

    在电脑端时二级地名选取时有bug,鼠标移入就会回到第一个

        山/xs魂0
        2018/1/12 14:33:25

        这个主要是手机端的插件。。。。

    回复
取消回复