Melhores seletores de país em trilhos

Para pesquisar / selecionar um país no menu suspenso de seleção.

Instale o escolhido-rails e country_select gem

Incluir chosen-railse country_selectno Gemfile

gem 'chosen-rails'
gem
'country_select'

Então corra bundle install

Incluir ativos javascript escolhidos

Adicione ao seu app/assets/javascripts/application.jsuso com jQuery

//= require chosen-jquery

Ou com protótipo

//= require chosen-prototype

Incluir ativos de folha de estilo escolhidos

Adicione ao seu app/assets/stylesheets/application.css

*= require chosen

Habilite o javascript escolhido por classe css específica

Adicione a um arquivo de script de café, como scaffold.js.coffee

$ ->
# enable chosen js
$
('.chosen-select').chosen
allow_single_deselect
: true
no_results_text
: 'No results matched'
width
: '280px'

Aviso: a widthopção é necessária desde então Chosen 0.9.15.

E este arquivo deve ser incluído no application.js

//= require chosen-jquery
//= require scaffold

No seu formulário, use o método country_select como segue

<%= a.country_select :country, ['United States of America'], { include_blank: true }, { class: 'chosen-select' } %>

E é isso. Agora você pode pesquisar / selecionar um país no menu suspenso de seleção. ^ _ ^