использовать JQuery вместо длинного списка <SELECT>?

Question

Сейчас у меня есть приложение, которое позволяет пользователю выбрать кольцо из выпадающего списка (выбрать). Выбор может быть из множества, и он создает длинный выпадающий список, который не очень удобен в использовании. Я хотел бы, возможно, использовать jQuery, чтобы сделать это немного лучше. Например, может быть есть вкладка сверху, где они могут выбрать «белое золото», «желтое золото» и т. Д., Чтобы сузить варианты, я не уверен. Я никогда не использовал jQuery и не уверен, что он может сделать для меня здесь, поэтому я открыт для любых предложений. У меня только одно требование, сейчас у каждого

есть атрибут value, указывающий номер запаса для выбранного элемента, поэтому, когда нажимается кнопка отправки, моя страница обработки получает номер запаса нужного элемента; Мне нужно сохранить эту функциональность.

Может кто-нибудь сказать мне классное решение для этого?

Спасибо!

Answer 1

Хм, что-то вроде FlexBox ?

Answer 2

Возможно, вы захотите взглянуть на плагин jQuery autocomplete . Вы можете ограничить ввод автозаполнения так, чтобы он был выбран из списка автозаполнения. Если вы установите число символов, необходимое для 0, возможно, вы сможете вызвать весь ваш список, когда текстовое поле будет в фокусе, а затем сузиться, когда пользователь начнет печатать.

Answer 3

Вы уже просмотрели jQuery UI Demos ? Взаимодействие «Выбираемый» и, возможно, виджет «Вкладки» может вас заинтересовать.