显示第二个菜单，基于第一个菜单以及值和ID

Question

我指的是另一个问题display select options based on previous selections

我有while循环来填充var data并在foreach循环内部给出子菜单，所有工作正常，var data = {'B|1':['B5|1','B4|2']

现在显示menu1之后如何显示第二个，我就停在那里。

我的代码是：

for (var i in data) {
    var ii = i.split('|');
    $('#menu1').append('<option value=' + ii[1] + '>' + ii[0] + '</option>');
}
$('#menu1').change(function () {
    var key = $(this).val();
    $('#menu2').empty();
    for (var i in data[key]) {
        var ii = data[key][i].split('|');
        $('#menu2').append('<option value=' + ii[1] + '>' + ii[0] + '</option>');
    }
}).trigger('change');

menu1没问题，现在我需要显示＃menu2的值和文本??

Answer 1

这可能对您有所帮助

$('#menu1').change(function() {
    var key = $(this).val();
    var keyText = $('#menu1 :selected').text();
    $('#menu2').empty();
    for (var i in data[keyText +"|" + key]) {
        var ii=data[keyText +"|" + key][i].split('|');
        $('#menu2').append('<option value='+ii[1]+'>' + ii[0] + '</option>');
    }
}).trigger('change');