select 옵션을 두 번 선택하면 함수가 실행됩니다.

Question

변경된 함수를 실행하는 AJAX가로드 된 드롭 다운이 있지만, 이미 선택된 옵션을 클릭하면 함수가 실행되기를 원합니다. (예를 들어, 누군가가 내가 두 번 그들 사이에 다른 옵션을 선택하지 않고도 기능을 실행하려면, 행에서 옵션을 두 번 선택)

JAVASCRIPT :

$(document).on('change','#dropdown',function(e){ 
    //do stuff 
} 

HTML :

<select id="dropdown"> 
    <option value="optionA">option A</option> 
    <option value="optionB">option B</option> 
    <option value="optionC">option C</option> 
</select> 

Answer 1

사용

$(document).on('select','#dropdown',function(e){ 
    //do stuff 
} 

또는

$(document).on('click','#dropdown',function(e){ 
    //do stuff 
} 

Answer 2

실험에는 다소 시간이 걸렸지 만 선택 항목의 드롭 다운 메뉴가 클릭되었는지 감지하는 방법이 있습니다.

는 click 이벤트에 코드를 이동하고 같은 그 주위에있는 경우 태그를 포장

:

if(event.pageY<0) 
{ 
    // The dropdown menu on the select was clicked! 
} 

에만이 if가 필요한 이유는, 때문에 두 브라우저 내가 관리 한 사실이다 이를 테스트하려면 이벤트가 트리거 될 때 커서가 실제 페이지 외부에있는 것처럼 보이게하십시오.

http://jsfiddle.net/Entoarox/ATm43/에서 데모를 찾을 수 있습니다.

이벤트 객체의 pageY 속성은 jQuery가 브라우저 간 일관성을 위해 표준화하는 속성 중 하나입니다.

http://api.jquery.com/category/events/event-object/

와 change 스크립트에 교체 :

$(document).on('click','#dropdown',function(event){ 
    if(event.pageY >= 0) return; // return and don't do anything 
    // The dropdown menu on the select was clicked! 
    // do stuff 
});