Триггер нажмите на поле выбора при наведении

Я пытаюсь, чтобы окно select автоматически всплывало, когда использование зависало над ним, как будто они нажали на него. Это возможно?

Я бы подумал, что я мог бы сделать это легко с помощью jQuery …

 $("#settings-select").mouseover( function(){ $(this).trigger("click"); } ); 

Но это ничего не делает. Есть идеи?

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

HTML:

  

JS:

 $("#dropdown").chosen().next(".chzn-container").hover( function(){ $("#dropdown").trigger("liszt:open"); }, function(){ $(this).trigger("click"); } ); 

$("#dropdown").trigger("liszt:open"); это то, что открывает меню. Не существует эквивалента liszt:close событие для запуска, когда вы хотите его закрыть (насколько я знаю), но запуск click на нем вместо этого имеет тот же эффект.

Это было какое-то время, но есть решение, которое я не вижу здесь, используя hover чтобы изменить длину select :

 $('select').hover(function() { $(this).attr('size', $('option').length); }, function() { $(this).attr('size', 1); }); 

http://codepen.io/anon/pen/avdavQ

И вот ручка, где это немного больше, чем голая необходимость, и имеет несколько стилей:

демонстрация

триггер только вызывает функции, связанные через одну из функций привязки jQuery.

Существует не перекрестный браузер, чтобы открыть выбор из javascript ( можно было бы вызвать this.click() в некоторых версиях IE, но я не могу проверить, и я уверен, что в других браузерах нет способа) ,

Это невозможно. Вы можете реализовать свой собственный select-box или Chosen плагин, но это плохо для удобства использования. Также подумайте о trigger('focus') .

К сожалению, метод с Chosen – не работал для меня.

Но я думал, что могу сделать свой собственный селектор на jQuery.

HTML:

 

Select option

JS:

 $('.hidden p').click(function(){ $(this).closest('.select').find('.input').text($(this).text()); $(this).closest('.select').find('input').val($(this).attr('value')); $(this).closest('.select').trigger("change"); }); $('.select').change(function(){ // ... do stuff }); 

https://codepen.io/qwer643/pen/LebKpo

Давайте будем гением компьютера.