相关疑难解决方法(0)

这是标记

<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();

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

谢谢

这在Firefox上可以正常工作,但在Chrome上却没有.

小提琴示例:http://jsfiddle.net/8Ab6c/1/

setTimeout(function(){
    $('#s1').append("<option>NEW</option>");
},2000);

如果在超时完成时打开选择框,则在关闭并重新打开选择框之前,列表不会更新.有没有办法让它在Chrome 上仍然打开时更新选择列表？(我觉得IE太理想了,虽然这不是必需的)

我可以replaceWith用来强制它被取消选择,但这有一个难看的效果,我更喜欢它只是改变了列表并保持打开状态.

实际情况是我的选择框正在等待ajax调用,并且用户很容易在ajax完成之前打开选择框.

我的菜单中有一个（隐藏的）html select对象，该对象附加到菜单按钮链接，因此单击该链接将显示列表，以便您可以从中进行选择。

当您单击按钮时，它将调用一些javascript以显示<select>。单击远离<select>隐藏即可隐藏列表。我真正想要的是使<select>外观完全展开，就像您单击了“向下”箭头一样，但是我无法正常工作。我尝试了许多不同的方法，但没有取得任何进展。我目前正在做的是这样的：

<li>
    <a href="javascript:showlist();"><img src="/images/icons/add.png"/>Add favourite</a>
    <select id="list" style="display:none; onblur="javascript:cancellist()">
    </select>
</li>

// in code
function showlist() {
    //using prototype not jQuery
    $('list').show();  // shows the select list
    $('list').focus(); // sets focus so that when you click away it calles onblur()
}

• 我试过打电话$('list').click()。
• 我尝试设置onfocus="this.click()" 但在两种情况下

未被捕获的TypeError：对象＃没有方法'click'

这是链接文本所特有的，它表示支持标准功能。

我尝试设置.size = .length哪个有效，但外观却不一样（如单击以打开该元素时，它会漂浮在页面的其余部分上。）

有没有人有什么建议？

可能重复:
如何以编程方式告诉HTML SELECT下拉(例如,由于鼠标悬停)？

是否可以使用jQuery显示select元素的下拉列表？

我尝试过使用$('#dropdown').click();,但没有效果.

可能的重复：
如何以编程方式告诉 HTML SELECT 下拉（例如，由于鼠标悬停）？

当 Select 元素获得焦点时，是否可以打开 Select 元素的下拉列表？

我知道当你点击它时它会自动聚焦......但我希望它在你点击它时也能工作。

我有一个<select>类似下面的例子的菜单:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

在某些网站上,我看到这个菜单可以通过外部图像或div触发.

我在谷歌上搜索过,但几乎所有的问题和答案都与如何列出选择内的图像有关,这不是我需要的.我希望在单击DIV或图像时显示选择菜单.

如何通过单击到另一个DOM元素(即div)来触发此选择菜单？

PS.我的网站已经包含了jQuery.

请在iPhone上打开这些示例.

以下代码是正确的行为.

<select id="selectMenu">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

<input id="button" name="button" type="button" value="Click Me" />


var initEvt = function (el, type) {
        var e = document.createEvent('MouseEvents');
        e.initEvent(type, true, true, window);
        el.dispatchEvent(e);
    },
    selMenu;

selMenu = document.getElementById('selectMenu');

document.getElementById('button').onclick = function () { 
    initEvt(selMenu, 'mouseover');
    initEvt(selMenu, 'mousedown');
    initEvt(selMenu, 'mouseup');
    initEvt(selMenu, 'click');   
}

http://jsfiddle.net/ghwfstmj/

如果添加setTimeout函数,它将无法正常工作.

<select id="selectMenu">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

<input id="button" name="button" type="button" value="Click Me" />


var initEvt = function (el, type) {
        var e = document.createEvent('MouseEvents');
        e.initEvent(type, true, …

在 PC 上查看时，以下代码显示所有四个选项。没事儿！

但是，在移动设备上查看时，仅显示默认选项。那是实际问题。

注意：如果我省略size="4"，那么 PC 上的输出与上面提到的移动设备上的输出相同。看来这size="4"不适用于移动设备。

请问这个问题如何解决。

.myClass select 
{
    width: 150px;
    height: 165px;
    padding: 5px;
    font-size: 17px;
}

<div class="myClass">
    <select name="mySelect" size="4">
        <option>1</option>
        <option selected>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
    </select>
</div>

我想知道如何触发onClick任何事件select(html组合框元素).

我尝试$('#MySelect').click();使用jQuery并尝试document.getElementById('MySelect').click();使用纯JavaScript.

但是这两个不会触发具有选择选项的下拉事件.

Ps:我确定选择器$('#MySelect')存在.

我一直在查看文档，试图找到一种方法来轻松激活 上的选择菜单hover，而不仅仅是click.

不幸的是，我似乎找不到方法（如果存在），并希望有人能指出我正确的方向？

这是一个 plnk，

http://plnkr.co/edit/GTeyWfOp9aTd1B0Be0Hs?p=preview

谢谢大家