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

所属分类:输入-选择框

 26551  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

相关插件-选择框

vue 城市下拉模拟组件Citypicker

基于vue开发的城市模拟下拉组件
  选择框
 42557  383

jQuery房屋位置选择单选,整行选,全选

一个智能管理系统的楼层房屋选择
  选择框
 29219  319
  选择框
 66209  647

城市选择器,仿猎聘,支持多选,单选

城市选择器,仿猎聘,支持多选,单选
  选择框
 43274  421

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

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