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
});
編集
私はイベントリスナーが動作していることを忘れています。私はアラートメッセージでテストしましたが、フォームを送信していないだけです。