jquery - jquery如何在下拉列表中添加值

Question

让我们考虑包含一些记录的多维数组，我有两个下拉列表
1) list 1
2) 列表2
现在，
我想通过更改 list1 在 list2 上添加一个数组值。如果 list1 的值为“-1”，则必须删除或隐藏 list2。否则为空 list2，使其可见并从 list1 中的数组插入值。我已经做到了，但是有一些我无法解决的问题。请帮助我。
提前致谢。
这是代码:

<select id="list1" onchange="changeVal(this.value);">
   <option value="-1">Select any option</option>
   <option value="0">test1</option>
   <option value="1">test2</option>
   <option value="2">test3</option>
</select>
<select id="list2">
</select>

function changeVal(i){
  var Arr = [
    ['Dummy 1.1','Dummy 1.2','Dummy 1.3'],
    ['Dummy 2.1','Dummy 2.2','Dummy 2.3'],
    ['Dummy 3.1','Dummy 3.2','Dummy 3.3']
];

if(i != "-1"){
    $("#list2").html("");
    $("#list2").css("visibility","visible");
    for (var addOption = 0; addOption < Arr[i].length; addOption++){
        var option = $("<option></option>");
        $("#list2").append(option);
        option.html(Arr[i][addOption]);
    }
}

else{
      $("#list2").remove();
   }
}

Answer 1

附加选项来选择使用这个

 for (var addOption = 0; addOption < Arr[i].length; addOption++) {
            $('#list2').append($('<option>', {
                value: addOption ,
                text: Arr[i][addOption] 
            }));
        }

Demo