通过下拉菜单实时搜索数据

发布于 2024-10-26 15:03:29 字数 386 浏览 2 评论 0原文

我有一个实时搜索工具,可以在您键入时缩小表格中的结果范围 - 一切正常。

我现在想使用下拉菜单填充搜索字段(文本框),因为我计划隐藏搜索字段。 - 我已经使用以下方法完成了此操作:

$('#filter').change(function(){ 
  filterby = $('#filter').val();
  $("input#SearchBox").val(filterby);
});

我遇到的问题是,当您从下拉列表中选择一个选项时,它会填充文本字段,但结果不会更新,除非我单击文本框并按一个键(空格键例子)。

我认为它需要键盘输入,因此只有在末尾添加空格时才会更新,但是有没有办法更改上述代码以使搜索框自动识别它?

感谢您的帮助

I have a live search facility that narrows down results in a table as you type - all works fine.

I now want to use a dropdown to populate the search field (text box) as i plan to have the search field hidden. - I have done this using the following:

$('#filter').change(function(){ 
  filterby = $('#filter').val();
  $("input#SearchBox").val(filterby);
});

The problem i have is that when you choose an option from the dropdown it does populate the text field but the results do not update unless i click in the text box and hit a key (space bar for example).

I assume it requires keyboard input and thus only updates if i add a space at the end but is there a way of changing the above code to get the searchbox to recognise it automatically?

Thanks for your help

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

蒗幽 2024-11-02 15:03:29

您需要使用trigger使其识别输入不同。您使用的实时搜索可能使用 keyupkeypress

$("input#SearchBox").val(filterby).trigger('keyup'); 

如果 trigger('keyup') 或 'keypress' 不起作用,您也可以尝试使用 'change'。

You need to use trigger to make it recognize that the input is different. The live search you are using probably uses keyup or keypress.

$("input#SearchBox").val(filterby).trigger('keyup'); 

If trigger('keyup') or 'keypress' doesn't work, you might also try it with 'change'.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文