jQuery each - 메서드를 두 번 추가합니다.

Question

옵션을 동적으로 선택하려면 (한 줄씩 텍스트 영역에서 가져옵니다). 그러나 다음 스 니펫은 항목을 두 번 추가합니다. 내가 결함이있는 곳? 팁 주셔서 감사합니다.

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 및 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] 
     })); 
};