BootStrap无限级分类(无限极分类封装版)
发布时间：2020-12-18 00:50:17 所属栏目：安全 来源：网络整理
导读：HTML部分 多级联动封装 duoji.js 代码 请选择 ";var list=data.data;for(var key in list){option+=" "+list[key].areaname+" ";}$(' ').appendTo(box).find('select').bind('change',function(){obj.change($(this))});},'jsonp');},//change事件change:fun
HTML部分
多级联动封装
duoji.js 代码"+list[key].areaname+"";
}
$('').appendTo(box).find('select').bind('change',function(){obj.change($(this))});
},'jsonp');
},//change事件
change:function(event){
//声明
var boxName=$(event).attr('pnode'); //获取触发事件者的pnode
var className=$(event).attr('cname');//获取触发事件者的cname
var box =$("#"+boxName); //获取所有插入盒子的对象
var eleClass=$("."+className); //获取所有Class所在元素组
var num=eleClass.index($(event))+1; //获取num的值
var id=$(event).val(); //获取ajax发送id的头
var obj=this; //代表这个方法
//清除 后续添加的新的元素
eleClass.each(function(){
//这里的this 代表eleClass 遍历时的单个对象
//console.log($(this).attr('num'));
//console.log($().attr('num'));
if($(this).attr('num')>$(event).attr('num')){
$(this).parent().remove();
}
});
/*
console.log(boxName);
console.log(className);
console.log($(event));
console.log($(event).val());
*/
//循环ajax方法
$.ajax({
type: "get",dataType:"jsonp",url: "http://127.0.0.1:83/areas",data: {id:id},sync: false,//设置为同步
success: function(data){
//console.log(data);
var list =data.data
if(data.state==='1'){
var option="";
for(var key in list){
option+="";
}
$('
'+option+' ').appendTo(box).find('select').bind('change',function(){obj.change(this)});
}
}
});
},//查询当前盒子中的信息
log:function(){
var boxName=$(event).attr('pnode'); //获取触发事件者的pnode
var className=$(event).attr('cname');//获取触发事件者的cname
var box =$("#"+boxName); //获取所有插入盒子的对象
var eleClass=$("."+className); //获取所有Class所在元素组
console.log("容器名:"+boxName+"n 触发的class名:"+className);
},//第一个select框获取信息
getFirstElement:function(){
var main=$('#'+this.main);
$.get("http://127.0.0.1:83/areas",function(data){
var option="";
var list=data.data;
for(var key in list){
option+="";
}
main.html(option);
},'jsonp');
}
}
})(jQuery)
后端提供的数据类型：json 如果有数据：state=1 例子： 如果没有数据 state=0 例子： state:"0" （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |