Typeahead / Autocomplete with Twitter Bootstrap, Rails, simple_form

_form.html.erb

<%= f.input :nome, :collection => get_schools_name, :include_blank => false, :input_html => {:rel => 'autocomplete', :data_default => @school.nome} %>

custom.js.coffee

$ ->
	$('select[rel="autocomplete"]').each ->
        option = []     
        $(this).find('option').each ->     
            option.push $(this).text()
        
        input = $('<input>')
        input.attr('type','text')
        input.attr('name', $(this).attr('name') )
        input.attr('id', $(this).attr('id') )  
        input.attr('class', $(this).attr('class') )
        input.attr('data-provide', 'typeahead' )
        input.val($(this).attr('data_default'))
        $(this).replaceWith(input)
        
        $(input).typeahead({
            source: option
        });  

helper.rb

def get_schools_name
  School.uniq.pluck(:nome)    
end

good stuff, thanks mate !

Lots of thanks.

Nice! Thanks.

Great and simple solution!

Works equally well in combination with form_tag:

<%= select_tag "nome", options_for_select(get_schools_name), class: 'select optional', :include_blank => false, :rel => 'autocomplete', :data_default => @school.nome} %>

Nice. What version are you using? I had to change source: option to local:option to get it to work with the latest typeahead.

I tried using your solution but "typeahead" isn't working and I have bootstrap 3. can anyone help?

Did a similar thing with :

= f.input :CountryCode,
    label: "Country Code",
    input_html: { rel: 'autocomplete', data_default: @location[:CountryCode], autocomplete: "off", data: {source: get_country_codes, provide: "typeahead" } }

No JS/Coffee is required, Just a helper method to supply data-source with an array.

(Forgive the weird field names, the project is hanging off a legacy database.)