如何在下拉列表中添加值的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

回答

相關問題