First, think about this: how would you do it with any other framework, or library, or even vanilla JS?

Yeah, I'm super new at this. I've looked at plain HTML, and I've looked at a ReactJS component tutorial. The part that is tripping me up is that I understand how to implement options, but I don't see conceptually how choosing an option is captured into an action. With a button, you have the :on-click #(dispatch something) pattern, but I don't see any examples of this in a dropdown.

Can you add :on-click handlers to your drop down items?

Here's where I'm at: (defn template-listing-dropdown [] [:div#template-listing-dropdown [:form [:fieldset [:legend "Templates"] [:p [:label "Select list"] [:select#myList {:on-change #(dispatch [:add-template-items test-director])} ;; need to find how to access the :option :value [:option {:value "nothing"} ""] [:option {:value test-director} "Test Director"] [:option {:value "nonced"} "Nonced!"] ]]] ] ])

my :on-change works to trigger a dispatch, but I don't know how to access the values in :option :value to go into that dispatch and customize the response.

I feel like there should be a reference somewhere that I'm missing...looking at React tutorials and it makes sense over there, but re-frame handles state differently.

(I think)

:on-change function probably accepts some argument (event most likely)

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event

:on-change (fn [event] (-> event .-target .-value))

event.target.value should give you the value of the selected option

from there you can pass that to your re-frame event

#(dispatch […]) is syntactic sugar for (fn [& args] (dispatch […])) and you can access the first argument in #(dispatch …) with %. So % is the event object

hmm. Thank you. I'll work on this.

@UP5089ML1 You may be interested to look at re-com for ideas and further explanation

Either that or the TodoMVC example in the re-frame repository under /examples

If you are dealing with a lot of forms, you might want to look into https://github.com/luciodale/fork