2016-09-02 3 views
0

ドロップダウンを1つ選択しました。ユーザーが選択すると、jqueryでフォームを送信します。次のように単一選択ドロップダウン時にjqueryでselect2フォームを送信

私のjqueryのコードは次のとおりです。

$(document).on('page:change', function(){ 
    function matchStart(params, data) { 
     params.term = params.term || ''; 
     if (data.text.toUpperCase().indexOf(params.term.toUpperCase()) == 0) { 
      return data; 
     } 
     return false; 
    } 

    $("select#user_country").select2({ 
    matcher: function(params, data) { 
     return matchStart(params, data); 
    }, 
    placeholder: "Select a country", 
    }) 

    $("select#user_country").on('select2:select', function (event) { 
    return ('form#selectcountry').submit(); 
    }); 

}); 

Railsは表示:

<%= form_tag users_path, method: :get, id: 'selectcountry' do |f| %> 
    <%= select_tag "country", options_from_collection_for_select(ISO3166::Country.countries.sort_by(&:name), 'un_locode', 'name'), :include_blank => true %> 
    <%= submit_tag "Search", :name => "nil", :id => "submit-me" %> 
<% end %> 

Link here to 'select2:select' documentation

$('select').on('select2:select', function (evt) { 
    // Do something 
}); 

編集

私はイベントリスナーが動作していることを忘れています。私はアラートメッセージでテストしましたが、フォームを送信していないだけです。

答えて

0
$('select#country').on('select2:select', function() { 
    $('input#submit-me').trigger('click'); 
}); 

送信するフォームを取得できませんでしたので、このようにしました。

関連する問題