Bootstrap 3, Haml, and Rails 4 - Create dropdown from model attributes -

i have 2 models, notification , notificationpath.

each notification has area attribute maps notificationpath areas.

so notificationpath has_many notifications.

i have following haml code in notification/new view:

= f.input :area, :required => false, label: false, :autofocus => true, placeholder: 'notification area', input_html: { class: 'form-control' } 

this creates text field can type into, , functions correctly. however, want display dropdown of of available notificationpath areas. when select choice, dropdown box should filled selected text.

how can using haml , bootstrap 3?

use collection_select tag or select_tag create dropdown as:

= collection_select :dropdown, :notification_id, notification.all, :id, :area, { allow_blank: "select area..." }, { class: 'dropdown_notification' } 

note have used dropdown first parameter instead of :notification or f.collection_select, because do not want parameter nest :notification parameters hash.

from markup, note down id of field, must dropdown_notification_id.

in javascript/coffescript, write function track change in dropdown, using change populate input text_field as:

jquery ->   $('form').on 'change', '.dropdown_notification', (event) ->      #console.log(this)     selected_value = $(this).children().filter(":selected").text()      #now fill value in input field as:     $("input#notification_area").val(selected_value) 

the code not fullproof since wrote intuition, should give clear picture of may want achieve it.

hope helps :)
luck!