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

所属分类:输入-选择框

 30048  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多选和单选下拉框插件select.js(原创)

可通过参数设置多选或者单选,多选返回数组结果,单选返回字符串
  选择框
 71916  414

JQ表单选择插件

插件包含单选按钮、复选框以及下拉选择菜单的功能,样式美化可自己编写css
  选择框
 61668  315

jquery城市选择

使用jquery简单制作的城市选择,学起来很简单,功能还不够完善。
  选择框
 42713  336

js实现美化的下拉框菜单插件

用div+ul实现的下拉框,用户可通过修改样式来定义自己喜欢的风格。
  选择框
 62348  360

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

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