Триггер щелчка в поле выбора не работает в jQuery

Как открыть раскрывающийся список с помощью триггера?

Вот код, который не работает:

$('select').trigger('click'); 

Просто для заметки – mousedown и mouseup также не работают.

5 Solutions collect form web for “Триггер щелчка в поле выбора не работает в jQuery”

  $('select').children('option').each(function() { if ($(this).is(':selected')) { $(this).trigger('change'); } }); 

То, чего вы пытаетесь достичь, невозможно. Даже если вы вызываете щелчок, выпадающий список не открывается, как если бы пользователь нажал на него. Если вы хотите изменить текущее выбранное значение на новое, вы можете использовать функцию val . Я думаю, единственное решение – имитировать весь внешний вид пользовательского интерфейса элемента select с помощью div.

Взял меня немного, но нашел решение:

(Только для Chrome & Safari)

 function open(elem) { if (document.createEvent) { var e = document.createEvent("MouseEvents"); e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); elem[0].dispatchEvent(e); } else if (element.fireEvent) { elem[0].fireEvent("onmousedown"); } } 

http://jsfiddle.net/oscarj24/GR9jU/

Нет надлежащего способа щелкнуть по выпадающему меню программно.

Вы можете выбрать опцию через:

 $('#sourceOptions>option:eq(0)').prop('selected', 'selected'); 

Если вы хотите имитировать пользовательский клик: вы должны сделать это, как @Renso говорит:

 $('#sourceOptions>option:eq(0)').prop('selected', 'selected').trigger('change'); 

Вы можете сделать следующее:

HTML:

 

Javascript (с jquery):

  $("option[value='opt2']").attr("selected", "selected"); // Selects option 2 $("input[type='submit']").trigger("click"); // Submits the form 
  • jQuery append fadeIn
  • Установить заголовки с помощью jQuery.ajax и JSONP?
  • Fancybox2 - различный контент для всплывающей подсказки и названия изображения, как от атрибута title?
  • Объект jQuery: кешировать или не кэшировать?
  • Как запустить loadComplete после добавления новой строки в jqgrid?
  • Как я могу использовать jQuery в Greasemonkey?
  • Загрузка не выполняется, когда пользователь перетаскивает и удаляет вложение с почтового клиента
  • Как сделать элемент «flash» в jQuery
  • jqGrid динамически разрешает идентификатор пейджинга сетки?
  • HTML5: тип ввода номера, который принимает только целые числа?
  • Кнопка переключения текста в jquery
  • Interesting Posts

    Я не хочу, чтобы моя надстройка Excel возвращала массив (вместо этого мне нужен UDF для изменения других ячеек)

    Возможно ли создать программный RAID 1 с разными размерами сектора?

    Запуск одиночного теста из classа JUnit с использованием командной строки

    Временная сложность алгоритма Евклида

    Исключение Json и Circular Reference Exception

    Авто-свойства C # 3.0 – полезны или нет?

    cols, colgroups и css: hover psuedoclass

    Внедрение HashMap в Java. Как работает расчет индекса ковша?

    HTTP POST с параметрами запроса URL – хорошая идея или нет?

    Является ли redirect 302 относительным URL действительным или недействительным?

    Как скомпилировать 64-битное приложение с помощью Visual C ++ 2010 Express?

    быстрый выбор случайных строк в Postgres

    Микровыключатель Gigabit Micro с автономным питанием для розетки

    Как создать и сохранить группу контактов в Skype?

    View-based NSTableView с строками с динамическими высотами

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