Hi guys, I encountered an issue where I require a Javascript variable in Phoenix eex I have a select in my html file <select id="filterSelect" onchange="changeFilter()"> <option value="1">All</option> <option value="2">Organizer</option> <option value="3">User</option> </select> Her…

Could you make the value the url instead? <select id="filterSelect" onchange="changeFilter()"> <option value="<%= user_path(@conn, :index, filter:1) %>">All</option> <option value="<%= user_path(@conn, :index, filter:2) %>">Organizer</option> <option value="<%= user_path(@conn, :index, …

You can not do that, as the elixir code generated from the EEx, that is meant to generate the HTML containing your JavaScript is evaluated on the server. The JavaScript is evaluated on the client, only after the server has already generated the script.

Thanks NobbZ. That make sense. I guess I have to do it manually then. If anyone have any suggestion to do this, that would be great!

You can write a cookie and retrieve it via conn. write document.cookie = 'time_from_utc=' + time_from_utc + ';path=/' read conn.cookies["time_from_utc"]

That doesn’t make much sense, as it requires a reload of the page and potentially affects all tabs and future ones. Setting and applying a filter should perhaps happen oin a classic AJAX or AJAJ request. Or simply trigger a full request with a query parameter set.

Elixir Programming Language Forum

Use javascript variable in Phoenix EEx

Questions & Help Questions

azimlord July 16, 2018, 2:14am 8

Awesome. This works really well. Thanks bryanjos!