jQuery - 배열의 여러 선택 항목에서 값을 저장합니다.

Question

다음 코드는 두 번째 select 문을 HTML 데이터로 채 웁니다. 내가 직면하고있는 문제는 두 개의 select 문을 복제하고 양식을 제출할 때 두 개의 선택에서 선택한 모든 옵션 값을 Array()에 저장하고 싶습니다.

모든 드롭 다운 값을 반복하는 가장 좋은 방법은 무엇입니까 (제목과 카테고리 모두에 최대 5 개까지 추가 할 수 있습니까?).

미리 감사드립니다. jQuery를이 .map 기능을 한 번에 모든 값을 검색 할 수 있습니다 사용

$(".SubjectCategory").live("click", function() { 
    var $this = $(this); 
    var $elem = $this.closest('div').nextAll('div').first().find('select'); 
    var a = $this.val(); 

    $.get("/userControls/BookSubjectHandler.ashx?category=" + a, {}, function (data) { 
     $elem.html(data); 
    }); 
}); 

<div class="singleField subjectField"> 
    <label id="Category" class="fieldSml">Subject Matter</label> 
    <div class="bookDetails ddl"><select id="ddlSubjectMatter" class="fieldSml SubjectCategory"></select></div> 

    <label id="Subjects" class="fieldSml">Category</label> 
    <div class="bookDetails ddl" id="subjectMatter"><select id="ddlSubjects" class="fieldSml Subjects"></select></div> 
</div> 

Answer 1

:

var arrayOfValues = $(".bookDetails.ddl select").map(function (i, el) { return $(el).val(); }).get(); 

바이올린 : http://jsfiddle.net/e9zxY/