全国多级联动下拉菜单（原创）

所属分类： JQ特效输入选择框

查看演示立即下载

插件描述：基于mobile.js的全国多级移动端联动下拉菜单

使用方法

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

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

/

引入

方式一标签引入：

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

方式二 npm：

1	`npm install mobile-select -D`

在你的js文件中import：

1	`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>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： html5压扁小鸟小游戏
下一个特效：基于jquery轮播图插件（简单实现）(原创)