使用 Javascript 触发选择表单元素以显示其选项（打开下拉选项列表）

这是标记

<select id="person_prefix" name="prefix">
 <option value=""></option>
 <option value="Dr" selected="selected">Dr</option>
 <option value="Mr">Mr</option>
 <option value="Ms">Ms</option>
 <option value="Mrs">Mrs</option>
</select>

我想触发一个 javascript 事件，以便选项列表下拉。使用 jquery 我尝试了以下操作：

$("#person_prefix").click();
$("#person_prefix").mousedown();
$("#person_prefix").change();

但似乎没有任何作用。这是哪个事件以及如何触发？

Thanks

我曾经在寻找如何做同样的事情，但没有找到任何可行的解决方案，但后来我们 javascript 小组中的一个人提出了一个聪明的解决方案。这是代码。

HTML

<input type="button" id="show" value="show" />
<select id="myslect">
    <option>nothing</option>
    <option>something</option>
    <option>anything</option>
</select>

JavaScript

$("#show").click(function () {
    var element = $("select")[0],
        worked = false;
    if(document.createEvent) { // chrome and safari
        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);
    }
    if(!worked) { // unknown browser / error
        alert("It didn't worked in your browser.");
    }
});

我不知道如何链接到小组帖子，以便您可以看到整个线程。无论如何，这都要归功于 CJ Madolara。好工作！

Update: 仅适用于 Chrome 和 Safari