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

所属分类:输入-选择框

 27555  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移动端三级地区联动

jQuery移动端三级地区联动,和其实同类型相比这个代码量要少很多。
  选择框
 40998  384

jQuery国籍选择器(包含国籍代码)

jQuery国籍选择,数据是全的,排过序
  选择框
 30284  310

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

基于mobile.js的全国多级移动端联动下拉菜单
  选择框
 36347  386

省,市,县三级联动完整版

本插件在多位前辈的基础上经过改良,现已功能齐全,支持编辑 查看功能 支持多款主流浏览器,
  选择框
 63592  468

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

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