Javascript 如何使用jQuery关注元素？

我有以下html

<div>
   <span>Click me</span>
   <select>
       <option value="1" selected="selected">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
   </select>
</div>

我想做的是，当我点击span tag时，选择菜单需要聚焦并下拉，而不改变结构。我花了好几个小时来寻找解决办法，但我做不到

---

如果可以更改标记，可以使用html元素而不是span。它的设计目的是在不使用JavaScript的情况下实现您想要的（或在这里描述的）功能

UPD:

---

关于“下拉”

选择

，我建议您阅读相关问题：

您在小提琴中使用了输入作为选择器。应改为选择：

$('span').on('click', function () {
  $('select').focus(); 
});

更新：打开下拉列表-

var dropdown = $('select')[0];
event = document.createEvent('MouseEvents');
event.initMouseEvent('mousedown', true, true, window);
dropdown.dispatchEvent(event);

---

看不出有什么不对哟！在这里使用你的代码？我不认为你可以发起下拉。。。要聚焦，请使用

$（this）.next（'select'）.focus（）-啊。。。但我需要选择菜单被下拉作为well@user3405435：更新了答案：）
var dropdown = $('select')[0];
event = document.createEvent('MouseEvents');
event.initMouseEvent('mousedown', true, true, window);
dropdown.dispatchEvent(event);

$('span').on('click', function () {
   $('select').focus(); 
});


http://jsfiddle.net/dqc9nLgk/2/