JQuery를 사용하여 마지막 선택 값을 선택 하시겠습니까?

Question

나는 다음과 같은 HTML 코드가 있습니다

<div id="casesList1" class="cases"> 
    <select id="casesList"> 
     <option value="1">case1</option> 
     <option value="2">case2</option> 
     <option value="3">case3</option> 
    </select> 

    <div id="casesList2" class="cases"> 
     <select id="casesList"> 
     <option value="4">case4</option> 
     <option value="5">case5</option> 
     </select> 
    </div> 

</div> 

을 나는 내부 사업부에서, JQuery와에게 선택 입력의 마지막 값을 사용하여 선택해야합니다 내가 'case5'를 선택한 경우 ... 예를 들어, 함수는해야 return 5, 문제는 내가 'casesList'라는 ID를 가진 선택 입력 이상의 것입니다. 경우,

$('#casesList:last option:selected').attr('value'); 

하지만 첫 번째 선택 값을 선택 ...

Answer 1

을 시도해보십시오 각 요소 그런 식으로 액세스 할 수 있도록

당신은,하지만 중복 클래스를 사용할 수 있습니다 선택 후 이름 카테고리를 선택하십시오 ..

Answer 2

$('.cases:last option:selected').val(); 

또는

이

$('div[id^="casesList"]:last option:selected').val(); 

Answer 3

요소 ID가의가 고유해야보십시오 : 나는이 시도 대신 클래스를 사용해야하는 복제본을 원합니다.

$('.cases:last option:selected').attr('value'); 

또는

우선 들어

$('.cases:last option:selected').val(); 

Answer 4

, 당신은 당신의 페이지 내에서 ID를 복제 할 수 없습니다 - 그것은 잘못된 코드입니다. 그러므로 "caseList"의 ID는 각 select 요소마다 달라야합니다.

$('select[name=category]').last().attr('value'); 

:

$('.caseList:last').val(); 

Answer 5

나는 그것을 해결하는 방법 이것은이

$('div.cases:last > select option:selected')[0].attr('value')