Как открыть вход выбора с помощью jquery

Итак, я могу видеть параметры элемента select, но мне нужно щелкнуть по нему. Что делать, если я хочу использовать функцию? Когда что-то происходит, этот элемент выбора должен быть выбран, значит, список открыт, и я вижу варианты. Я не хочу, чтобы пользователь нажимал на элемент select, мне нужно открыть что-то еще.

Что я пробовал

$("select").select();
$("select").click();
$("select").focus();

Существует элемент select, обычно, если вы хотите его открыть (выпадающий список), вы нажимаете на него. Я хочу открыть его, если я нажму на DIV или что-нибудь еще. Я хочу, чтобы этот раскрывающийся список открывался, не нажимая на элемент select.

Ответ 1

Это должно работать:

var element = $("select")[0], worked = false;
if (document.createEvent) { // all browsers
    var e = document.createEvent("MouseEvents");
    e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    worked = element.dispatchEvent(e);
} else if (element.fireEvent) { // ie
    worked = element.fireEvent("onmousedown");
}
if (!worked) { // unknown browser / error
    alert("It didn't worked in your browser.");
}

Пример

Ответ 2

Просто обновление здесь, поскольку принятый ответ правильный, но устаревший и initMouseEvent скоро будет устаревшим. [См.: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent]

Используйте вместо этого следующее: new MouseEvent [Смотрите: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent]

Пример кода:

var el = $('select'); // grab the input (jQuery)
var event = new MouseEvent('mousedown'); // create the event listener
el.dispatchEvent(event); // attach the event listener to the element

Ответ 3

Я не думаю, что вы можете заставить поле выбора drop down использовать любой код. Но все же вы можете изменить выбранный вариант с помощью кода. Pls видит это

http://www.mredkj.com/tutorials/tutorial003.html