드롭 다운에서 선택한 항목의 값을 기반으로 변수를 설정해야합니다.

Question

드롭 다운에서 선택한 항목의 값으로 변수를 설정하려고하지만 제대로 작동하지 못합니다. 여기에 HTML은 다음과 같습니다

<select id="locationChoice" name="WorkflowList"> 
<option value=" ">-- Please Select --</option> 
<option value="14643">Item A</option> 
<option value="14644">Item B</option> 
<option value="14645">Item C</option> 
</select> 

다음은 jQuery의 :

var rfiSchooldropdown = $('#locationChoice:selected').val(); 
$("#locationChoice").change(function() { 
alert(rfiSchooldropdown); 
}); 

내가 가까이있어 알고 있지만 제대로 값을 잡는 아니에요. 나는 "경고"를 사용하여 테스트하고 있습니다, 참고하시기 바랍니다.

도움을 주시면 감사하겠습니다.

var rfiSchooldropdown = $('#locationChoice').val(); //no :selected here 
$("#locationChoice").change(function() { 
    rfiSchooldropdown = $(this).val();  
    alert(rfiSchooldropdown); 
}); 

또는 조금 더 간단 전체 : 내가 :selected을 제거 첫 번째 예에서

var rfiSchooldropdown; 
$("#locationChoice").change(function() { 
    rfiSchooldropdown = $(this).val(); 
    //use rfiSchooldropdown 
}).change(); 

참고가 .val()가

를 호출 할 수 있습니다

Answer 1

그냥이처럼 change 이벤트 다시 설정 직접 <select> 요소 자체에