Is there a way to get value of element by click event on another element without using form for example <input id="input1" /> <button type="button" :on-click="next" /> by clicking the button I pass value of input1 as param or access it somehow. as far as I know only by using form and submit I can…

Javascript can do that kind of interactivity… [image] ThatWeirdProgrammer: <button type="button" :on-click="next" /> I think there is a typo on :on-click.

You can use the Phoenix.HTML functions without form data . Never used that with a button, but as I understand the docs it should work.

This does not seem to work! The idea was this: <form action="" phx-change="changed"> <%= text_input :user, :inp_1 %> <%= text_input :user, :inp_2 %> <%= submit :user %>  </form> When I change one of the inputs I get these params for "changed" %{ "_target" => ["user",…

Thanks for trying, I guess the only solution is using JS hooks :pensive:

did you manage to figure it out using JS hooks?

<input type="text" id="some-id" /> <button type="button" id="hooks-require-an-id" phx-hook="fun-time" data-target="#some-id"> Have Fun Time </button> let funTime = { mounted() { this.el.addEventListener("click", () => { let valEl = document.querySelector(this.el.datase…

[image] Hooks.EditableTag = { inputFieldSelector() { return this.el.dataset.input_elem }, eventName() { return this.el.dataset.event_name }, target() { return document.querySelector(this.el.dataset.target_selector) }, mounted() { this.el.addEventListener("click", e => { let input…

What if we keep the submit button inside the form and pass the value from outside the form to the submit button. Will this be possible if there is not one but whole list of details of a student for example?

Get value from different element without form

Questions & Help Questions

kokolegorille July 8, 2021, 3:43pm 2

Javascript can do that kind of interactivity…

I think there is a typo on :on-click.