jQuery : 선택된 모든 옵션을 루핑하는 모든 요소 ID 가져 오기

Question

이름으로 숫자를 사용할 수있는 선택 옵션이 있습니다. prod_search [] 및 id : prod_search0, prod_search1, ..., 2, ..3 및 so

확인 내가 가지고있는 아래의 샘플 ... jQuery로 지금

<select name="prod_search[]" id="prod_search0"> 
    <option value="o1">Option1</option> 
    <option value="o2">Option2</option> 
</select> 

<select name="prod_search[]" id="prod_search1"> 
    <option value="o1">Option1</option> 
    <option value="o2">Option2</option> 
</select> 

<select name="prod_search[]" id="prod_search2"> 
    <option value="o1">Option1</option> 
    <option value="o2">Option2</option> 
</select> 

, 나는 인덱스 시도

$('select[name="prod_search[]"] option:selected').each(function(index) {  
    prod_search = $(this).val(); 
    prod_text = $(this).text(); 

    //here i need ID of current select in the loop 
    //...e.g.: prod_search0 or prod_search1 or ... 
}); 

... 같은 이름으로 위의 모든 선택 옵션을 반복하고있는 ~하다 실제 ID를 표시하지 않고 일련 번호를 제공하십시오. 'prod_search1'요소가 삭제되면 실패합니다.

올바른 접근 방법이 필요합니다.

$(this).parent().attr('id'); 

Answer 1

귀하의 each() 블록은 그래서 당신은 단지 부모까지 갈 필요가 select 부모의 ID를 얻으려면, option 태그의 컨텍스트에서 실행되는 <select> 요소 (상위 요소)의 id을 원합니다. 따라서 $(this).parent().attr("id")으로 받으십시오.

Answer 2

당신은 <option>의 반복됩니다