Javascript 基于下拉列表在嵌套JSON对象中循环
我试图迭代一个嵌套的JSON对象,并在不同的选择框中返回值 这是我的JSON:Javascript 基于下拉列表在嵌套JSON对象中循环,javascript,jquery,json,backbone.js,Javascript,Jquery,Json,Backbone.js,我试图迭代一个嵌套的JSON对象,并在不同的选择框中返回值 这是我的JSON: "games": [{ "gameType": "RPG", "publishers": [{ "publisher": "Square", "titles": [{ "title": "Final Fantasy", "gameReleases": [ 2006, 2008, 2010, 2012, 2013, 2014
"games": [{
"gameType": "RPG",
"publishers": [{
"publisher": "Square",
"titles": [{
"title": "Final Fantasy",
"gameReleases": [ 2006, 2008, 2010, 2012, 2013, 2014 ]
}]
}]
}]
因此,当选择RPG时,发布者下拉列表将显示Square等
目前我正在做:
$('select#gameTypeCombo').on('change', function() {
var getPublisher = _.pluck(info.games[0].gameType[0], 'publisher');
var preparePublisher = _.map(getPublisher, function(val){ return '<option>' + val + '</option>';}).join();
$('select#publisher').html (preparePublisher).selectpicker('render');
})
$('select#gameTypeCombo')。在('change',function()上{
var getPublisher=u.pulk(info.games[0].gameType[0],“publisher”);
var preparePublisher=u2;.map(getPublisher,函数(val){return'+val+'';}).join();
$('select#publisher').html(preparePublisher).selectpicker('render');
})
这将填充发布者框-但是当im使用[0]
时,仅选择第一个,并且无法填充后续下拉列表
我一直在寻找美元每,但无法让它工作
此处的任何建议都是基于第一个选择的值填充第二个选择:
var info = {
"games": [{
"gameType": "RPG",
"publishers": [{
"publisher": "Square"
}]
},{
"gameType": "Other",
"publishers": [{
"publisher": "Someone"
}]
}]
};
$('select#gameTypeCombo').on('change', function(e) {
var $elem = $(this);
var index = $elem.val();
var getPublisher = _.pluck(info.games[index].publishers, 'publisher');
var preparePublisher = _.map(getPublisher, function(val){ return '<option>' + val + '</option>';}).join();
$('select#publisher').html (preparePublisher);
});
var信息={
“游戏”:[{
“游戏类型”:“RPG”,
“出版商”:[{
“出版商”:“广场”
}]
},{
“游戏类型”:“其他”,
“出版商”:[{
“出版商”:“某人”
}]
}]
};
$('select#gameTypeCombo')。在('change',函数(e)上{
变量$elem=$(本);
var索引=$elem.val();
var getPublisher=u2;.pulk(info.games[index].publisher,'publisher');
var preparePublisher=u2;.map(getPublisher,函数(val){return'+val+'';}).join();
$('select#publisher').html(preparePublisher);
});
我的答案有帮助吗?我试着跟着小提琴走,但不断得到一个错误:未捕获类型错误:无法读取未定义的属性“[object Array]”
我使用的是相同的代码(除了我的第一个下拉列表没有选项值,因为它是动态填充的)。我不知道如何克服这一点。