Knockoutjs - 单击按钮时打开选择下拉列表

Knockoutjs - Open select dropdown on button click

本文关键字：选择 下拉列表 单击 按钮 Knockoutjs      更新时间：2023-09-26

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

你去吧！！

.JS 

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！

更新了解决方案，来自如何以编程方式告诉 HTML SELECT 下拉（例如，由于鼠标悬停）？ 对于挖空

相关文章：