Пользовательский выбор в шаблоне Phoenix Framework

Question

Я хотел бы иметь пользовательское поле выбора с 3 вариантами: собака , кошка , другое - и когда выбрано другое. Я хочу, чтобы ниже был введен пустой текст, чтобы пользователь мог написать в нем свое любимое животное.

Есть ли способ условно визуализировать поле на основе выбранной опции?

<%= 
select f, :animal, [
   {"Dog", :dog},
   {"Cat", :cat},
   {"Other", :other}
]

text_input f, :animal
%>

Answer 1

Вы не можете достичь этого без помощи тегов JavaScript.

HTML, отображаемых на стороне сервера, и выбор опции происходит в браузере.

Если вы не хотите писать JavaScript код, попробуйте Phoenix LiveView , который позволяет динамически изменять дерево DOM на стороне сервера.

Библиотека JavaScript работает за Phoenix LiveView, но вы вряд ли это заметите.