在jQuery自动完成功能中添加搜索文本
卡洛斯
我有用户输入时必须显示的数组列表。我已经使用了jQuery自动完成插件来实现此目的，但是我必须将搜索文本显示为自动完成列表中的新选项。例如
我看过搜索和打开方法，但我不太了解。基本上，我想在源代码中添加搜索文本，然后再次绑定下拉列表。这是小提琴
$( "#tags" ).autocomplete({
source: aTags,
search:function(){
},
open:function(){
}
});
Artur Filipiak
我不确定这是否是您要查找的，但是在search事件方法中，可以在初始化插件后使用新值更新数组，并重置source选项（请参阅本节底部）。
var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"],
// store array length:
len = aTags.length,
// cache the element:
tagsElem = $("#tags");
tagsElem.autocomplete({
source : aTags,
search : function( event, ui ) {
// update array (replace/append value at the end of the array) :
aTags[len] = tagsElem.val();
// reset autocomplete source:
tagsElem.autocomplete( "option", "source", aTags);
},
// EDIT:
open: function( event, ui ) {
// append "new" text to the last option:
$('.ui-autocomplete li:last a').append(' <span style="color:red;">new</span>');
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何向Jquery自动完成功能添加搜索按钮
- 2
Flask中的jQuery自动完成功能
- 3
使用jQuery自动完成功能搜索多个值
- 4
jQuery mobile自动完成功能，在搜索时显示消息
- 5
如何在自动完成功能（jQuery ui）中搜索关键字
- 6
jQuery自动完成功能不将结果限制为输入控件中的搜索值
- 7
如何在 jquery 表的搜索栏中禁用 Chrome 自动完成功能
- 8
如何为 eclipse 插件中的文本添加自动完成功能？
- 9
如何关闭Gmail / Googlemail中的文本自动完成功能？
- 10
jQuery中的自定义自动完成功能
- 11
如何添加地理自动完成功能？
- 12
如何使用jQuery自动完成功能来搜索特定记录而忽略在输入框中输入的顺序词
- 13
搜索查询后，文本框自动完成功能不起作用
- 14
jQuery自动完成功能亮点
- 15
如何在zsh中为自定义完成功能的路径添加自动完成功能？
- 16
在Rails中使用jQuery自动完成功能时搜索并显示多列？
- 17
Jquery UI 自动完成功能不适用于搜索带有 id 的名称
- 18
如何使用http请求在操作栏中实现搜索视图自动完成功能？
- 19
在弹性搜索中对电子邮件使用自动完成功能不起作用
- 20
jQuery使用自动完成功能填充另一个文本框
- 21
引导模态内文本框中的jquery-ui自动完成功能不会将单击的值填充到文本框中
- 22
引导模态内文本框中的jquery-ui自动完成功能不会将单击的值填充到文本框中
- 23
使用MongoDB搜索实现自动完成功能
- 24
自动完成功能可按属性搜索json对象
- 25
自动完成功能会在focusIn上弹出，但无法从选择中设置QLineEdit中的文本
- 26
jQuery自动完成功能-在选择事件时将数据添加到列表
- 27
如何将标题添加到jQuery UI自动完成功能
- 28
如何阻止jQuery自动完成功能自动建议多个值中的完整数组选项
- 29
jQuery自动完成功能，传递字段自动完成功能的数据属性位于
我来说两句