通过下拉菜单实时搜索数据
我有一个实时搜索工具,可以在您键入时缩小表格中的结果范围 - 一切正常。
我现在想使用下拉菜单填充搜索字段(文本框),因为我计划隐藏搜索字段。 - 我已经使用以下方法完成了此操作:
$('#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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要使用
trigger
使其识别输入不同。您使用的实时搜索可能使用keyup
或keypress
。如果
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 useskeyup
orkeypress
.If
trigger('keyup')
or 'keypress' doesn't work, you might also try it with 'change'.