Question

我有一个表格，其中有3个下拉菜单和1个搜索按钮。根据项目要求，当我们点击3个下拉列表中的任意一个时，应自动点击搜索按钮。

function searchOnEvent(e) {
    if (e.keyCode == 13) {
        searchClient(); // click search button.
    }   
}

在选择元素上，我们像这样放置键上下事件。

onKeyDown="searchOnEvent" onKeyUp="searchOnEvent"

现在的问题是，当我使用向下箭头键从下拉列表中选择值，然后单击Enter以选择其值时，搜索事件也会同时触发。但这不是预期的行为。因此，如果下拉列表处于展开状态，我不想触发搜索事件。

有什么想法吗？

Answer 1

如果您想要运行搜索按钮上的功能，可以在选择框中添加onchange事件

<select id="your_select1_id" onchange="searchClient();">

   // select options

</select>

<input type="button" value="Search" id="search" onclick="searchClient();" />

如何检测选择下拉列表是否处于展开状态

1 个答案: