當我從其他下拉列表中（特別是在iPad / iPhone中）選擇值時，我想打開下拉列表。

Question

我想打開一個下拉菜單，更改事件發生在另一個下拉菜單上。 以下代碼段在瀏覽器上正常運行，但在混合應用程序中的iPhone / iPad上不起作用。

我們將不勝感激。請檢查jsfiddle上的代碼段

 function ViewModel(choices, choice) { this.choices = ko.observableArray(); this.choice = ko.observable(); this.changedropDown=function(data,event){ console.log("inside changedropDown"); this.bindDropDown(event); }; this.bindDropDown= function(event){ //event.stopPropagation(); console.log("insdie bindDropDown"); this.choices(choices); setTimeout(function() { showDropDown("xyz"); }, 500); }; }; var showDropDown = function (id) { console.log("inside showDropDown"); var dropdown = document.getElementById(id); var event = document.createEvent('MouseEvents'); event.initMouseEvent('mousedown', true, true, window); dropdown.dispatchEvent(event); }; var choices = [{ id: 1, name: "one" }, { id: 2, name: "two" }, { id: 3, name: "three" }]; ko.applyBindings(new ViewModel(choices)); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> <select name="cars" data-bind="event:{change:function(data,event){changedropDown(data,event)}}"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> <select id="xyz" data-bind="options: choices, optionsText: 'name', value: choice"></select>