如何以编程方式告诉HTML选择下拉(例如，由于鼠标切换)？

Question

如何以编程方式告诉HTML选择下拉(例如，由于鼠标切换)？

如何以编程方式告诉HTMLselect下降(例如，由于鼠标移动)？

Answer 1

这在HTML+Javascript中是可能的，尽管其他地方的人都说它是不可能的。然而，这只适用于Chrome。如果你感兴趣的话，多读一些。根据W3C HTML 5工作草案，3.2.5.1.7节。交互内容:HTML中的某些元素具有激活行为，这意味着用户可以激活它们。这将触发一系列依赖于激活机制的事件[.]例如，使用键盘或语音输入，或通过鼠标单击.当用户以不同于单击的方式触发具有定义激活行为的元素时，交互事件的默认操作必须是运行对元素进行合成单击激活步骤。<select>作为一个交互式内容，我认为可以编程显示其<option>在玩了几个小时后，我发现document.createEvent()和.dispatchEvent()起作用了。就是说演示时间到了。这是一个工作服。HTML：<select&nbsp;id="dropdown"> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="Red">Red</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="Green">Green</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="Blue">Blue</option></select><br><button&nbsp;id="fire"&nbsp;type="button"&nbsp;onclick="runThis()">Show&nbsp;dropdown&nbsp;items</button>JavaScript：//&nbsp;<select>&nbsp;element&nbsp;displays&nbsp;its&nbsp;options&nbsp;on&nbsp;mousedown,&nbsp;not&nbsp;click.showDropdown&nbsp;=&nbsp;function&nbsp;(element)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;event; &nbsp;&nbsp;&nbsp;&nbsp;event&nbsp;=&nbsp;document.createEvent('MouseEvents'); &nbsp;&nbsp;&nbsp;&nbsp;event.initMouseEvent('mousedown',&nbsp;true,&nbsp;true,&nbsp;window); &nbsp;&nbsp;&nbsp;&nbsp;element.dispatchEvent(event);};//&nbsp;This&nbsp;isn't&nbsp;magic.window.runThis&nbsp;=&nbsp;function&nbsp;()&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;dropdown&nbsp;=&nbsp;document.getElementById('dropdown'); &nbsp;&nbsp;&nbsp;&nbsp;showDropdown(dropdown);};如果有人想办法做同样的事，但在Chrome上却没有，请随意修改这把小提琴。..