jQuery를 사용하여 JavaScript 개체에서 select 항목에 옵션을 추가하는 가장 좋은 방법

질문 : jQuery를 사용하여 JavaScript 개체에서 선택 항목에 옵션을 추가하는 가장 좋은 방법은 무엇입니까?

---

jQuery를 사용하여 JavaScript 객체에서 <select> 옵션을 추가하는 가장 좋은 방법은 무엇입니까?

나는 플러그인이 필요하지 않은 것을 찾고 있지만 거기에있는 플러그인에도 관심이있을 것입니다.

이것이 내가 한 일입니다.

selectValues = { "1": "test 1", "2": "test 2" };

for (key in selectValues) {
  if (typeof (selectValues[key] == 'string') {
    $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');
  }
}

깔끔하고 간단한 솔루션 :

이것은 matdumsa의 정리되고 단순화 된 버전입니다.

$.each(selectValues, function(key, value) {
     $('#mySelect')
          .append($('<option>', { value : key })
          .text(value));
});

matdumsa의 변경 사항 : (1) append () 내부 옵션에 대한 닫기 태그를 제거하고 (2) 속성 / 속성을 append ()의 두 번째 매개 변수로 맵으로 이동했습니다.

답변

---

jQuery 방식으로 다른 답변과 동일합니다.

$.each(selectValues, function(key, value) {   
     $('#mySelect')
         .append($("<option></option>")
                    .attr("value", key)
                    .text(value)); 
});

출처 : https://stackoverflow.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-a-javascript-object-with-jq