问题标签 [typeahead]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
517 浏览

jquery - Bootstrap Typeahead 重复搜索和自动完成

我正在使用 bootstrap typeahead 插件来搜索术语列表并在选择时显示该术语的图像。

基本功能有效,但我有两个问题:

1.)当一个词被搜索两次时,图像第二次没有出现(假设更新函数没有处理两次相同的搜索?)

2.) 我可以让它在搜索时显示多个图像(即,当用户键入字母“a”时,与显示的术语相关联的所有图像......也是可见的)?我不希望用户必须等到选择一个选项。

感谢您的帮助(我是 JS 菜鸟,所以如果我需要进一步澄清我的问题,请告诉我!)

0 投票
2 回答
583 浏览

javascript - Bootstrap Typeahead onselect

所以,我现在为这样一个简单的问题而发疯:一旦我选择了“预先输入”,它应该立即重定向到所属页面。

不幸的是,由于某种原因,jsfiddle 没有显示下拉列表,所以我将它上传到了一个随机的网络空间。http://ch1n3s3.funpic.de/lol/test3.php

这是代码:

有没有比这更容易并且效果更好的解决方案?

谢谢你,克里斯

0 投票
3 回答
811 浏览

javascript - 正确更新 bootstrap-typeahead.js 中的源选项

在下面的演示中,插入“Alaska”值后,源会更新,以便自动完成不再显示 Alaska 值。

无论如何,如果我从文本区域中删除阿拉斯加,该值Alaska应该再次显示在源中。
如果用户从 textarea 中删除数据,任何提示如何恢复源数据?

我的想法是从

有什么提示吗?

PS:
我正在使用 jquery 和下划线

0 投票
3 回答
14275 浏览

autocomplete - 使用 ElasticSearch 支持 typeahead 自动完成

是否有一种标准方法可以使用 ElasticSearch 对小字段(例如地名)实现逐个字符的预输入自动完成。

(在写这篇文章的时候,有很多可以通过搜索获得的讨论,但似乎没有什么是确定的。(另外,我看到有关于 Apache Lucene 4 中自动完成/建议功能支持的效果的讨论。))

谢谢你的想法。

0 投票
1 回答
157 浏览

ruby-on-rails-3 - Bootstrap typeahead avoid other value

i still try in rails 3.2 to use bootstrap typeahead, it works fine, but how can i avoid users to type anything in text field.
I code looks like this

users may only type Swiss, German and English in the text field, but not for example Chinese.
How can i validate the value in text field?

0 投票
4 回答
51937 浏览

javascript - 用户在文本输入中键入时的 html 捕获事件

我只是想知道当用户在我的 Web 应用程序上的文本输入字段中输入时我如何去捕捉事件。

场景是,我有一个联系人列表网格。在表单的顶部,用户可以键入他们要查找的联系人的姓名。一旦文本输入中有超过 1 个字符,我想开始在系统中搜索包含用户输入的那些字符的联系人。随着他们不断输入数据的变化。

它实际上只是一个简单的提前类型功能(或自动完成),但我想在不同的控件中触发数据。

一旦输入失去焦点,我可以从输入中取出文本,但这不适合这种情况。

有任何想法吗?

谢谢

0 投票
1 回答
268 浏览

javascript - 通过 Javascript 将数据传递给 Bootstrap Typeahead

伙计们,我正在尝试将一些数据传递给我的预输入表单,但由于某种原因,我的代码无法正常工作:

这是我的 HTML 代码:

这是我的 Javascript 代码:

我得到的唯一错误是 Uncaught SyntaxError: Unexpected token。我什至不确定它与问题有关。我的html代码根本没有改变!

0 投票
1 回答
1719 浏览

javascript - 将自定义函数添加到 bootstrap typeahead

我正在使用 typeahead 来提取名称,然后使用与名称相对应的 id 更新隐藏字段。在我的表格中,名称可以留空,不需要填写。

有没有办法将自定义错误检查添加到 typeahead 功能?例如,我开始填写表格并键入/选择一个用户,然后我改变主意并想将其留空。至此,用户 ID 已经添加到隐藏字段中,因此即使我将名称字段留空,表单也会在其中传递用户 ID。

我想我总是可以在提交时进行错误检查,但我很好奇是否有办法添加到本机 api。

我的代码是:

我希望我可以添加类似的东西

0 投票
13 回答
145097 浏览

jquery - 停止输入/书写后如何触发输入文本中的事件?

我想在我停止在输入文本框中输入(而不是在输入时)字符后触发一个事件。

我试过:

但是这个例子会为每个输入的字符产生一个超时,如果我输入 20 个字符,我会收到大约 20 个 AJAX 请求。

在这个小提琴上,我用一个简单的警报而不是 AJAX 演示了同样的问题。

有没有解决方案,或者我只是为此使用了一种不好的方法?

0 投票
1 回答
705 浏览

twitter-bootstrap - Bootstrap Typeahead 从查询中选择任何单词

我使用以下代码获取 Bootstrap Typehead 文本框的源代码:

这适用于列表(示例)

输入例如“P”,它会显示 Pizza 和 Lasagne 输入例如“as”,它会显示 Lasagne 和 Pasta

我需要知道的是,我没有找到答案,也不知道该怎么做:

我该怎么做,用上面的列表,输入例如“我想要一个比萨”,比萨就会出现。例如,Pizza 或 Lasagne 显示 Pizza 和 Lasagne。换句话说。如何实现从多个单词中选择的预输入