CoDrops onChange 이벤트가 작동하지 않습니다.

Question

one이 these dropdown effects이고 내 프로젝트에 통합됩니다. 나는 국가 목록을 만들고 싶습니다. 방문자가 하나를 선택하면, 그 사람을 페이지로 보낼 것입니다. 문제는 dropdown.js이 혼합되어있을 때 onChange() 이벤트가 작동하지 않는다는 것입니다.

나는

onChange='this.form.submit()" 

와

onChange='sendForm()" 
... 
<script type="text/javascript"> 
function sendForm() { 
    document.getElementById("destination-select").submit(); 
} 
</script> 

내가 dropdown.js을 제거하면 두 작업으로 시도했지만, 분명히 효과가 손실됩니다.

형태가 UPDATE

<form id="destination-select" action="/" method="get"> 
    <select name="destination" id="cd-dropdown" class="cd-select" onchange="sendForm()"> 
     <option value="-1" selected>Destination</option> 
     <option value="argentina" class="icon-argentina">Argentina</option> 
     <option value="brazil" class="icon-brazil">Brazil</option> 
     <option value="spain" class="icon-spain">Spain</option> 
     <option value="more " class="icon-more">See more</option> 
    </select> 
</form> 

입니다 @Amit으로

내가 그것을 사용하고 발견하는 onOptionSelect() 메소드가있다, 지적 작동합니다. 문제는 선택한 옵션을 검색하지 않는다는 것입니다. onChange = "sendForm()"또는 onChange = "this.form.submit()"도 마찬가지입니다. 나는 심지어 .click() 메소드로 클릭 버튼을 가짜로 만들려고 시도했다. 어떤 아이디어? 감사!

코드의 비트 :

<form id="destination-select" action="/" method="get"> 
    <select name="destination" id="cd-dropdown" class="cd-select" > 
     <option value="-1" selected disabled>Destination</option> 
     <option value="argentina" class="icon-argentina">Argentina</option> 
     <option value="brazil" class="icon-brazil">Brazil</option> 
     <option value="spain" class="icon-spain">Spain</option> 
     <option value="more" class="icon-more">See more</option> 
    </select> 
</form> 

자바 스크립트 :

$(function() { 
    $('#cd-dropdown').dropdown({ 
     gutter : 5, 
     delay : 100, 
     random : true, 
     onOptionSelect: function(opt){ 
      sendForm(); 
     } 
    }); 
}); 

sendForm()

function sendForm() { 
      document.getElementById('destination-select').submit(); 
     } 

결과는 항상 : url.dev/?destination=-1

Answer 1

sendForm() 함수가 있는지 확인하십시오. 이온은 당신의 HTML의 앞에 정의했다. 이 방법이 도움이되지 않으면

jquery 드롭 다운 플러그인에 구성 매개 변수 "onOptionSelect"가 있습니다. 매개 변수로 선택한 옵션을 수신하는 함수를이 매개 변수에 전달할 수 있습니다.

$("#cd-dropdown").dropdown(
    onOptionSelect: function(opt){ 
     // you can call your sendForm() here 
    } 
);