$(function() {
init();
})
var arr=[];
/*$('#selection').change(function() {
$('#options').empty();
$.each(arr[this.selectedIndex].value, function(index, val) {
$('<option>'+val+'</option>').appendTo('#options');
});
});*/
function init() {
if(!zbObj.isLogin()) {
/*window.location.href = "index.html";*/
return;
} else {
$(".zb-logout").show();
$(".zb-logout").click(function() {
zbObj.logout();
window.location.href = "index.html";
});
ajaxGetZbclassify(zbObj.user.cid);
}
}
var global;
function callback(data){
global = data;
}
function ajaxGetZbclassify(cid) {
var ajaxUrl = config.zbApi.getzbclassify;
var parameter = {
platform: getSys()
};
$.ajax({
type: 'post',
async: true,
url: ajaxUrl,
dataType: 'jsonp',
data: parameter,
jsonp: 'callback',
success: function(json) {
for(var i = 0; i < json.data.length; i++) {
var a = {
'name': json.data[i].name,
'value': []
}
for(var j = 0; j < json.data[i].child.length; j++) {
a.value.push(json.data[i].child[j].name)
}
arr.push(a);
};
}
// error: function() {}
});
}
function xuanran(){
$('.selection').empty();
$('.options').empty();
$.each(arr, function(index, val) {
$('<option>'+val.name+'</option>').appendTo('.selection');
if(index == 0){
$.each(val.value, function(index, val) {
$('<option>'+val+'</option>').appendTo('.options');
});
}
});
}
xuanran();
$('#div1').on('change', '.selection',function() {
var oP = $(this).parent().find('.options');
oP.empty();
$.each(arr[this.selectedIndex].value, function(index, val) {
$('<option>'+val+'</option>').appendTo(oP);
});
});
插入代码吧,看着太长,又没有格式。
1 $(function() { 2 init(); 3 }) 4 var arr=[]; 5 6 /*$('#selection').change(function() { 7 $('#options').empty(); 8 $.each(arr[this.selectedIndex].value, function(index, val) { 9 $('<option>'+val+'</option>').appendTo('#options'); 10 }); 11 });*/ 12 function init() { 13 if(!zbObj.isLogin()) { 14 /*window.location.href = "index.html";*/ 15 return; 16 } else { 17 $(".zb-logout").show(); 18 $(".zb-logout").click(function() { 19 zbObj.logout(); 20 window.location.href = "index.html"; 21 }); 22 ajaxGetZbclassify(zbObj.user.cid); 23 } 24 } 25 var global; 26 27 function callback(data){ 28 global = data; 29 } 30 function ajaxGetZbclassify(cid) { 31 var ajaxUrl = config.zbApi.getzbclassify; 32 var parameter = { 33 platform: getSys() 34 }; 35 $.ajax({ 36 type: 'post', 37 async: true, 38 url: ajaxUrl, 39 dataType: 'jsonp', 40 data: parameter, 41 jsonp: 'callback', 42 success: function(json) { 43 44 for(var i = 0; i < json.data.length; i++) { 45 var a = { 46 'name': json.data[i].name, 47 'value': [] 48 } 49 for(var j = 0; j < json.data[i].child.length; j++) { 50 a.value.push(json.data[i].child[j].name) 51 52 } 53 arr.push(a); 54 55 }; 56 57 } 58 // error: function() {} 59 }); 60 } 61 62 function xuanran(){ 63 $('.selection').empty(); 64 $('.options').empty(); 65 $.each(arr, function(index, val) { 66 $('<option>'+val.name+'</option>').appendTo('.selection'); 67 if(index == 0){ 68 $.each(val.value, function(index, val) { 69 $('<option>'+val+'</option>').appendTo('.options'); 70 }); 71 } 72 }); 73 } 74 xuanran(); 75 $('#div1').on('change', '.selection',function() { 76 var oP = $(this).parent().find('.options'); 77 oP.empty(); 78 $.each(arr[this.selectedIndex].value, function(index, val) { 79 $('<option>'+val+'</option>').appendTo(oP); 80 }); 81 });
ajax的
@鸭子的失心疯: 数据都有了不会渲染?大不了拼字符串嘛。。。
@顾晓北:
jQuery1124025906439689060234_1474437929194({"code":"0","msg":"","data":[{"id":"1","parent_id":"0","level"
:"1","name":"\u6e38\u620f","child":[{"id":"2","parent_id":"1","level":"2","name":"\u82f1\u96c4\u8054
\u76df"},{"id":"3","parent_id":"1","level":"2","name":"\u9b54\u517d\u4e16\u754c"}]},{"id":"4","parent_id"
:"0","level":"1","name":"\u6237\u5916","child":[{"id":"5","parent_id":"4","level":"2","name":"\u9732
\u8425"},{"id":"6","parent_id":"4","level":"2","name":"\u751f\u5b58"}]}]})原本是这样,我转换的格式他们不愿意,让我换一种方法。。。
@鸭子的失心疯: 什么叫“他们不愿意”?
@顾晓北: 公司大哥,说我做的太麻烦。。
@鸭子的失心疯: 数据是你提供的?根据数据渲染界面是别人负责?
@顾晓北: 不是= =。。给我接口,然后我按要求去做。。。去渲染。。。重点是,以前没做过,基本都是靠自己瞎捉摸,看别人做的。。。
@鸭子的失心疯: 就是别人提供数据,你负责渲染?
@顾晓北: 对对,数据要自己从后台请求。。。
@鸭子的失心疯: 自己拼字符串啊。