Question

当我点击输入时，我的dropdownmenu被展开，我需要的是自动扩展它Onkeyup事件。

我尝试了以下但没有工作。

HTML

<div class="btn-group DropDownMenu">
    <input id="input1" class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" type="text" onkeyup = "Filter()">
    <ul class="dropdown-menu">
        <li></li>
    </ul>
</div>

的JavaScript

function Filter() {
    //some other code 
    $("#input1").click();
}

有什么想法？我使用bootstrap btw

Answer 1

从输入中移除class="dropdown-toggle"和data-toogle="dropdown"，将其移至JS

$(".dropdown").keyup(function (event) {
   //preventing default behaviour of bootstrap
    event.stopPropagation();
    $('.dropdown-menu').dropdown().toggle();
});

Answer 2

我不知道你在哪里写了javascript。我创建了一个小提琴并稍微改变了一下javascript：

window.Filter = function() {
    $("#input1").click();
}

它正在小提琴中工作。 http://jsfiddle.net/dyo8fowt/

展开Dropdownmenu onkeyup事件

2 个答案: