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

前端之家收集整理的这篇文章主要介绍了触发选择表单元素以使用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();

但似乎没什么用.这是哪个事件以及如何触发?

谢谢

解决方法

我曾经一直在寻找如何做同样的事情并没有找到任何可行的解决方案但是我们的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,window,false,null);
        worked = element.dispatchEvent(e);
    }
    if(!worked) { // unknown browser / error
        alert("It didn't worked in your browser.");
    }
});

我不确定如何链接到组帖子,这样你就可以看到整个帖子.无论如何归功于CJ Madolara.做得好!

更新:仅适用于Chrome和Safari

猜你在找的HTML相关文章