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

所属分类:输入-选择框

 1161  18  查看评论 (2)
全国多级联动下拉菜单(原创) 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商品发布三级联动菜单代码

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

jquery城市选择插件lazyload-min.js

jquery城市选择插件lazyload-min.js
  选择框
 30981  168

jQuery+css3下拉选择框

下拉选择,动画效果
  选择框
 19273  89

城市选择控件

城市选择支持两种方式:1.支持中文首字母拼音输入本地搜索2.鼠标在列表中选择;包含全国市级行政区域,自治州包括,港澳台下市级辖区包括,县及县级市以下不包括;
  选择框
 19143  120

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

    Marryou-you 0
    2018/1/11 11:46:56

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

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

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

    回复
取消回复