Добавление параметров для выбора элемента в точке его открытия в JavaScript

Question

У меня есть система с быстро меняющимся набором элементов, которые могут отображаться как опции в полях выбора.Я мог бы обновлять сами параметры каждый раз, когда изменяются данные, но я бы предпочел просто заполнить параметры в тот момент, когда пользователь собирается их увидеть.Например, когда он собирается открыть.Есть ли событие для этого?

Полагаю, я мог бы использовать событие «щелчок» или «mousedown», но как насчет навигации по клавиатуре?Могут быть и другие случаи (возможно)

Кстати, я знаю как добавить опции в выборку, событие открытия - это то, что мне нужно.

Спасибо, Бен

Answer 1

У вас есть два варианта: click() и focus() других нет.

Answer 2

Используйте focus(), а не click(), поскольку событие щелчка не дает достаточно времени, чтобы заполнить раскрывающийся список новыми значениями, что вызывает странное поведение. Также событие click будет захватывать только щелчки мыши, с помощью focus () вы получаете события фокусировки как мыши, так и клавиатуры, а также дает достаточно времени для того, чтобы раскрывающийся список заполнялся новыми данными. Вот скрипка с некоторыми простыми экспериментами, попробуйте каждую функцию по одной за раз, чтобы увидеть разницу.

Answer 3

Если вы делаете что-то подобное, выпадающий список, скорее всего, не будет предпочтительным элементом пользовательского интерфейса.

Я бы порекомендовал перейти на виджет автозаполнения jQuery UI; тогда вы можете просто обслуживать элементы на основе запроса, введенного пользователем.

Кроме того, вы можете прикрепить к событию keyup (или событию focus) и показать набор элементов в этой точке (как при нажатии на «выпадающий список») http://jqueryui.com/demos/autocomplete/#maxheight