Javascript 基于下拉列表在嵌套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

我试图迭代一个嵌套的JSON对象,并在不同的选择框中返回值

这是我的JSON:

"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]”
我使用的是相同的代码(除了我的第一个下拉列表没有选项值,因为它是动态填充的)。我不知道如何克服这一点。