jQuery each-Method追加項目兩次

Question

我想用選項（來自textarea，逐行）動態地填充選擇項。但是下面的代碼片段會附加兩次。我有缺陷的地方在哪裏？感謝您的提示。

function changeOptions() { 
    var lines = []; 
    $('#simulation').empty(); 
    var lines = $('textarea').val().split('\n'); 
    console.log ('lines.length ', lines.length); 
    for (var i = 0; i < lines.length; i++) { 
     $.each(lines, function(i, lines) { 
      $('#simulation').append($('<option>', { 
       value : lines, 
       text : lines 
      })); 
     }); 
    } 
}; 

Answer 1

爲什麼for AND each？你做了兩次！ :)

這是一個短一點的代碼版本。我喜歡for超過each，因爲它在這樣的循環中更快。而對於你想要做的事情，for非常容易使用。

function changeOptions() { 
    var select = $('#simulation').empty(), 
     lines = $('textarea').val().split('\n'); 

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