Knockoutjs - 单击按钮打开选择下拉菜单答案

【问题标题】：Knockoutjs - Open select dropdown on button clickKnockoutjs - 单击按钮打开选择下拉菜单
【发布时间】：2016-08-19 15:06:15
【问题描述】：

有没有办法在点击其他按钮时打开下拉菜单？

【问题讨论】：

当绑定点击时，你可以在你的事件处理程序中触发另一个元素的下拉。

标签： javascript jquery knockout.js dom-events

【解决方案1】：

给你！！

function VM() {
  var message = ko.observable("hello!!");

  function onButtonClick() {
   var dropdown = document.getElementById('dropdown');    
   showDropDown(dropdown);
}  

function showDropDown(element){
  var event;
  event = document.createEvent('MouseEvents');
  event.initMouseEvent('mousedown', true, true, window);
  element.dispatchEvent(event);
}

return {
  message: message,
  onButtonClick:onButtonClick
   }
 }

ko.applyBindings(new VM());

HTML

   <button data-bind="click: onButtonClick">
     Button
   </button>
   <select id="dropdown" >
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
   </select>

这里是JSFiddle！解决方案

从How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)? 更新了淘汰赛的解决方案

【讨论】：

感谢您的帮助:)
这不再适用于 Chrome v. 53.0.2785.116。有更新吗？