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

所属分类:输入-选择框

 26598  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

相关插件-选择框

jQuery左右选择切换

左右选择切换,兼容主流浏览器
  选择框
 49284  357

CheckBox展现不同的状态(原创)

类似qq邮箱选中展现不同的状态,常用功能,简单实用。
  选择框
 22351  284

原生js写的三级联动

非常简单的js三级联动很简单扩展性好
  选择框
 32023  328

bootstrap下拉列表插件

bootstrap插件一款基于jquery bootstrap的下拉列表插件 ,有很多样式的下拉框
  选择框
 63589  498

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

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