触发选择表单元素以使用Javascript显示其选项(打开下拉选项列表) [英] Trigger a select form element to show its options (open drop down options list) with 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我尝试了以下内容:
and I want to trigger a javascript event so that the option list drops down. Using jquery I've tried the following:
$("#person_prefix").click();
$("#person_prefix").mousedown();
$("#person_prefix").change();
但似乎没有任何效果。这是哪个事件以及如何触发?
but nothing seems to work. Which event is this and how can be triggered?
谢谢
推荐答案
我曾经一直在寻找如何做同样的事情并没有找到任何可行的解决方案但是我们的javascript小组中的一个人带着一个聪明的工作。这是代码。
I was once searching how to do the same thing and didn't find any working solution but then a guy in our javascript group came with a clever work around. Here is the code.
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。干得好!
I'm not sure how to link to the group post so you can see the whole thread. Anyway credits to CJ Madolara. Good Job!
更新: 仅适用于Chrome和Safari
这篇关于触发选择表单元素以使用Javascript显示其选项(打开下拉选项列表)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!