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

让考虑多维数组包含一些记录，我有两个下拉列表
1）列表1
2）列表2
现在，
我要上添加一个数组值list2通过改变list1。如果list1的值是“-1”，那么list2必须被删除或隐藏。否则为空列表2，使其可见并从列表1中插入数组中的值。我已经做到了，但有些问题我无法解决。请帮帮我。
在此先感谢。
下面是代码：如何在下拉列表中添加值的jQuery

<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(); 
    } 
}

来源

2014-06-20 user3379651

'appendSelect'和'你在哪里使用'changeVal（）'？ – Satpal

等我在编辑它。 – user3379651

尝试像以下：

$('#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/

来源

2014-06-20 08:30:06 Azim

首先，谢谢阿齐姆，这是工作，并很抱歉，迟到的答复我忙于另一个项目。 – user3379651

追加选项来选择使用本

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

Demo

来源

2014-06-20 07:56:23

它不起作用 – user3379651

像编辑你的问题之前，你绑定选择与id appendSelect，但现在你绑定list2。所以看到更新的答案。 –

亲爱的阿米特库马尔，我想感谢你，谢谢你给我宝贵的时间。 – user3379651

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

回答

相关问题