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

让我们考虑多维数组包含一些记录，我有两个下拉列表
1）清单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();
   }
}

最佳答案

尝试如下：

$('#list1').change(function () {
var i = $(this).val();
if(i>-1){
  $('#list2').empty();
  $('#list2').show();
  for(var k=0;k<Arr[i].length;k++){
    $('#list2').append(
        $('<option>', {
        value: Arr[i][k],
        text: Arr[i][k]
        }, '<option/>')
    );
  }
}
else{
   $('#list2').hide();
    }
});

这个小提琴将帮助您：http://jsfiddle.net/3nEWg/1/

关于jquery - 如何在jQuery的下拉列表中添加值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24322421/