CoDropsドロップダウンのonChangeイベントが機能しません

Question

私はoneのthese dropdown effectsを私のプロジェクトに統合しています。私は国のリストを作りたいと思います。訪問者が国を選択すると、その人をページに送ります。問題は、dropdown.jsが混在しているときに、onChange（）イベントが機能しなくなることです。

私はdropdown.jsを削除するが、明らかに効果が失われた場合、私は

onChange='this.form.submit()" 

でそして

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

仕事の両方で試してみました。

フォームが@Amitとして

<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> 

UPDATE

では、指摘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> 

のJavascript：

$(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 
    } 
);