Как в jQuery реализовать нажатие на пункт выпадающего меню?

Question

[Алексей Михайлов]

Добрый день!

На странице "Новости" три рубрики: Политика", "Общество", "Экономика" и общая, которая стоит по умолчанию "Все новости". В рубрику можно попасть, кликнув на кнопку в меню на странице "Новости". При этом урл страницы не меняется, и она не перезагружается, из чего я делаю вывод, что кнопка реализована через JS или jQuery, посмотрел в отладчик, а там (в мобильной версии):

function() {
  var s = $(this).val();
  $(".mob-sec").removeClass("mob-sec_show"), $(".mob" + s).addClass("mob-sec_show")
}

В мобильной версии меню из кнопок заменяются на выпадающее меню select option, это важно.

<select name="blog">
                <option value="1">Все новости</option>
                <option value="2">Политика</option>
                <option value="3">Общество</option>
                <option value="4">Экономика</option>
            </select>

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

В случае десктопной версии, второй способ попадания в категорию (из тела новости) реализован так:

function a() {
    $('.nav-item2').click();
}
setTimeout(a, 0.3);

('.nav-item2' это, видимо, указатель на вторую рубрику, "Политика")

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

Попробовал вот так, но этот код только выбирает (показывает его в окошке) нужный пункт меню но не нажимает на него, то есть список новостей остается общим.

function aMob() {
    $('select option[value=2]').prop('selected', true);
}
setTimeout(aMob, 0.3);

Answer 1

[Roman Khegay]

Используйте trigger

function aMob() {
    $('select option[value=2]').prop('selected', true).trigger('change');
}
setTimeout(aMob, 0.3);

Comments

[Алексей Михайлов]

Роман, спасибо!

Это очень круто! Все работает!!!