Я хотел бы реализовать настраиваемый раскрывающийся список, как показано ниже в Ruby On Rails:
Но я не нашел ни одного варианта для настройки этого HTML-кода для параметровв любом из выбранных тегов.Я использую шаблонизацию Slim для пользовательского интерфейса.
Итак, я просто пытаюсь настроить с помощью начальной загрузки.
label for="_color" Color
li.dropdown.form-control
= link_to '#', class: 'dropdown-toggle', data: { toggle: 'dropdown' } do
= fa_icon('caret-down')
| <span class="color-circle pull-left" style="background-color: #{selected_color(record).value};"></span> <span> #{selected_color(record).name}</span>
ul.dropdown-menu
- @colors.each do |color|
li
= link_to '#', class: 'clipart-item'
div
span.color-circle.pull-left style="background-color: #{color.value};"
span #{color.name}
Но мне не удалось реализовать функции встроенного тега select.Это означает, что при выборе мне нужно изменить выбранный элемент и отобразить выбранное значение в атрибуте.
Массив @colors будет иметь значения:
[{id: 1, value: "ff0000", name: "Red"},
{id: 2, value: "0000ff", name: "Blue"},
{id: 3, value: "00ff00", name: "Green"}]
У кого-нибудь есть идеи?