fabricedge1
Default value Select Input
Question: Is there a default value that a option can have in select component? I am using LiveView
<.input field={@form[:theme]} value={"Roxo"} type="select"
options={[
{gettext("Vermelho Padrão"), "default_theme"}, {gettext("Roxo"), "purple_theme"}, {"Verde", "green_theme"}
]} />
Marked As Solved
fabricedge1
remove “multiple” from select and dropdown works: <select id="theme" name="theme" class=""> {Phoenix.HTML.Form.options_for_select([{"Roxo", "purple_theme"}, {"Vermelho Padrão", "default_theme"}], @theme )} </select>
Also Liked
joshua-bouv
To set a default value, you do this in the form.
def mount(_params, _session, socket)
changeset = User.changeset(user, %{theme: "Dark"})
{:ok, assign(socket, form: to_form(changeset))}
If you are looking to set a default value that isn’t one of the options, you can add a prompt. Ie ‘Choose xxx’
<.input
field={@form[:theme]}
type="select"
prompt="Choose a theme..."
options={["Light", "Dark"]}
/>
Last Post!
joshua-bouv
To set a default value, you do this in the form.
def mount(_params, _session, socket)
changeset = User.changeset(user, %{theme: "Dark"})
{:ok, assign(socket, form: to_form(changeset))}
If you are looking to set a default value that isn’t one of the options, you can add a prompt. Ie ‘Choose xxx’
<.input
field={@form[:theme]}
type="select"
prompt="Choose a theme..."
options={["Light", "Dark"]}
/>
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Move fast and fix things! Error tracking with less noise for Elixir devs who love to ship. Start your free dev account.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #hex
- #security
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"