基于jQuery的三层级联选择器(原创)

所属分类:输入-选择框

 28809  299  查看评论 (0)
分享到微信朋友圈
X
基于jQuery的三层级联选择器(原创) ie兼容7

更新时间:2018/9/20 下午9:48:09

更新说明:修复event.stopPropagation()在IE11以下不兼容问题,目前可以兼容至IE7/8。


基本使用方法

<input type="text" class="test">
<div class="cas-container"></div>

<link rel="stylesheet" href="./cascade.css">
<script src="./cascade.min.js"></script>

<script>
$('.cas-container').cascader({
      data: res.data, 
      callback: function(data){
          var fullAddress = '';
          for(var i=0; i< data.length; i++){
              fullAddress = fullAddress + data[i] + ' '
          }
          $('.test').val(fullAddress)
      }
  })
</script>

特点:

1.支持同一页面多次调用插件

2.支持第三层内容多选

3.兼容到IE7

相关插件-选择框

仿当当移动端省市区三级联动

仿当当网手机端的省市区去三级联动选择插件
  选择框
 58180  616

jQuery仿去哪儿出发城市筛选

jQuery仿去哪儿出发城市筛选
  选择框
 40390  348

jQuery下拉菜单插件

jQuery下拉菜单插件UCSelect.js,包含多选,单选,分组选择,内容搜索,选择框大部分所需要的功能。
  选择框
 31604  315

jQuery模拟select下拉框插件SelectBox

自动模拟框,并且可以手动输入,可以模糊性查找
  选择框
 42697  340

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复