How to Use phx-change with a Select Element in Phoenix
From ElixirBlocks
This page is in progress
defmodule AppWeb.GroupLive do
use AppWeb, :live_view
alias App.TestBeds
alias App.Groups
def mount(_params, _session, socket) do
{:ok, assign(socket, testbeds: TestBeds.list_testbeds(), groups: Groups.list_groups())}
end
def handle_event("select-group", params, socket) do
IO.inspect params
{:noreply, socket}
end
def render(assigns) do
~H"""
<div> TestBed Name</div>
<%= for testbed <- @testbeds do %>
<div class="name"><%= testbed.name %></div>
<h2> Select Group </h2>
<form>
<select id="group-selection" phx-change="select-group" name="name">
<%= for group <- @groups do %>
<option value= {"#{group.id}"} name={"#{group.id}"}><%=group.name %></option>
<% end %>
</select>
</form>
<% end %>
<div>
</div>
"""
end
end