从javascript函数打开下拉列表

Iam试图在调用javascript函数时显示下拉选项。 但最终我没有成功。 需要帮助这是我的代码：

 function showState(str){ $('#Acntname').trigger('click'); }  ...  Select Equity Share Capital Deprication Fund   

我使用触发function打开下拉列表，但它不起作用。

Answer 1

在这里你去..你可以通过在下拉列表中调度mousedown事件来做到这一点..

演示小提琴

JS：

 window.showState = function (str) { var dropdown = document.getElementById('Acntname'); var event = document.createEvent('MouseEvents'); event.initMouseEvent('mousedown', true, true, window); dropdown.dispatchEvent(event); } 

编辑：这在Chrome <53中完美运行，对Firefox和IE不太确定。

Answer 2

你可以这样做：

 var sel = document.getElementById('Acntname'); var len = sel.options.length; sel.setAttribute('size', len); 

将大小设置为1以关闭它

Answer 3

无法在triggering other element toggle drop down 。

如果要在textbox keyup event中select box的值，请尝试以下操作，

 function showState(str){ // alert(str); $('#Acntname option[value="'+str+'"]').prop('selected',true); } 

演示

Answer 4

您无法打开下拉列表，但有一个半解决方案，您可以执行以下操作

“打开”清单：

 $("#Acntname").attr("size","3"); 

和

 $("#Acntname").attr("size","1"); 

关闭列表。