基于jQuery实现三层级联选择器特效插件

基于jQuery实现三层级联选择器特效插件

一款基于jQuery的三层级联选择器,左右两栏布局,点击空白位置可关闭!

使用方法
需要用到的JS代码和HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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

文件信息:

    1

    发表评论