从javascript函数打开下拉列表 [英] open dropdown list from javascript function

问题描述

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

 < script> 
函数showState（str）{
 $（'＃Acntname'）。trigger（'click'）; 
 
} 
< / script> 
 ... 
< select class =input_panelid =Acntname> 
< option value =0>选择< / option> 
< option value =1>股本股本< / option> 
< option value =2> Deprication Fund< / option> < /选择> 
 
< input type =textclass =input_panelid =accountnameonkeyup =showState（this.value）/> 
  

我使用触发的功能打开下拉菜单，但无法使用。

解决方案

在这里，您可以做到这一点。您可以通过在下拉菜单上调度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不确定。

Iam trying to show the dropdown option when javascript function is called. but eventually iam not succeed on this. need help Here is my code:

<script>
function showState(str){ 
$('#Acntname').trigger('click');

}
</script>
...
<select class="input_panel" id="Acntname" > 
<option value="0">Select</option>
<option value="1">Equity Share Capital</option>
<option value="2">Deprication Fund</option>  </select>

<input type="text" class="input_panel" id="accountname" onkeyup="showState(this.value)"/>

i used triggered function to open the dropdown but it doesn't work.

解决方案

Here you go..you can do this by dispatching mousedown event on dropdown..

Demo Fiddle

JS:

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

EDIT: This works perfectly in Chrome <53, not sure for Firefox and IE.

这篇关于从javascript函数打开下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！