Пример HTML-кода для управления сложной формой (см. Макет)

Question

Я пытался найти это, но я не знаю названия элемента управления или пользовательского интерфейса, поэтому мне не повезло. Я хотел бы знать, есть ли название для этого пользовательского интерфейса, и если вы знаете хорошую ссылку на образец HTML, которая была бы идеальной.

Он будет использоваться внутри диалогового окна jQuery UI, а также на стандартной странице веб-приложения.

Спасибо!

Answer 1

Вам необходимо использовать двусторонний список с несколькими вариантами выбора ...

Двусторонний список jQuery с несколькими вариантами выбора преобразует обычный выпадающий список в макетВы разместили и автоматически переместили выбранные элементы в правый список, а также добавили кнопки для перемещения (плюс вы можете дважды щелкнуть элементы, чтобы переместить их вперед и назад).