1回答
这里是新手，在使用Searchkick和Typeahead/探犬实现自动补全时遇到了一些困难。
首先，我有一个索引/欢迎主页，在那里我有我的搜索框的输入字段。然后在多个模型中搜索不同细胞的名称和不同的细胞标记(对此并不重要)。
首先，在我的路径文件中，我不确定是将我的自动补全‘附加’到我的“欢迎”路线还是“细胞”路线，我已经尝试了这两种路线，但似乎没有什么不同，目前设置如下：
resources :cells do
collection do
match 'autocomplete' => 'welcome#autocomplete'
浏览 2提问于2019-02-02得票数 0
我在bootstrap框架中有一个使用typeahead.js的自动补全文本框。现在，我需要在建议列表之后添加一个名为“关闭自动完成”的选项。我在js中有一个页脚，使用下面的代码。
我需要一个选项来添加一个链接，如“关闭自动完成”。我可以像下面这样通过页脚添加它。
$('.typeahead').typeahead({
name: 'search',
local: ['USA', 'UK', 'INDIA', 'Australia', 'Austr
浏览 1提问于2014-03-01得票数 1
我想知道是否有人可以帮助我使用rails和jquery自动完成引导程序"typeahead“。
在我的“新”动作模板中，我有...
<div class="tags">
<%= f.label :tag_names, "Tags" %>
<%= f.text_field :tag_names,
data: { autocomplete_source: tags_path} %>
</div>
，然
浏览 0提问于2012-04-25得票数 4
回答已采纳
我使用来自twitter bootstrap的typeahead js扩展来实现一个自动补全字段。我对此有一个微妙的问题。我有一个文本字段，如：
<%= text_field_tag :search, params[:search], :data => { :provide => 'typeahead', :source => ...} %>
问题是我必须指定name=' search‘(with :search)，以便能够获取文本输入搜索值。但是，如果我这样做了，浏览器会自动创建我已经在文本字段中尝试过的条目的自动完成历史记录。
如果我删
浏览 2提问于2012-05-01得票数 5
回答已采纳
我想让我的网站上的用户在文本输入字段中提名其他Twitter用户。我打算提供一个自动补全功能，类似于当用户在Tweet中输入@时Twitter的提及typeahead。
@JakeHarding在的演示中开发了类似的功能。不幸的是，逻辑隐藏在herokuapp中。
如果您能提供任何支持，我将不胜感激。
浏览 4提问于2015-08-08得票数 0
对于小的字段(例如地名)，有没有一种标准的方法来使用ElasticSearch实现逐个字符的typeahead自动补全？
(在撰写本文时，可以通过搜索获得许多讨论，但似乎没有明确的讨论。(我还看到有关于Apache Lucene 4中对自动完成/建议功能支持的影响的讨论。)
谢谢你的想法。
浏览 1提问于2012-11-29得票数 9
回答已采纳
我在symfony 2.2 + FoqElasticaBundle上
我尝试从结果查询elasticsearch中使用自动完成
<input type="text" class="span3" id="search" data-provide="typeahead" data-items="4" />
var subjects = ['PHP', 'MySQL', 'SQL', 'PostgreSQL', 'HTML',
浏览 1提问于2013-03-28得票数 0
回答已采纳
我正在尝试在Angular中实现自动补全。我从以下服务获取数据(返回一个带有自动补全值的字符串数组)： this.apiService.getAutoComplete(query).subscribe((data) => {
return data;
}) 我是Angular的新手，所以我可能走错了路。但我找到了这些样本，看起来很符合我的需要：https://valor-software.com/ngx-bootstrap/#/typeahead 我的问题是样本是基于静态数组的，我现在尝试了一段时间将其更改为异步数据。但没那么走运。我尝试获取异步样本，并更改了以下函数，但未起
浏览 21提问于2019-01-28得票数 0
回答已采纳
我使用bootstrap typeahead来实现自动补全功能。我需要typeahead在输入激活时返回结果(在鼠标单击或Tab键切换到输入时)，而不是等待用户键入第一个字符。更像是打字。
<input id="input01" class="input-medium" type="text" data-provide="typeahead" placeholder="TypeAhead…" autocomplete="off">
$(document).ready(function
浏览 0提问于2013-06-14得票数 0
回答已采纳
我有我的jquery脚本：
<script>
$("#query").typeahead({
name: "pfile",
remote: "/pfiles/autocomplete?query=%QUERY"
});
</script>
typeahead样式在上面声明：
<head>
<%= stylesheet_link_tag "typeahead" %>
<link rel="stylesheet" href="http://code.jque
浏览 1提问于2013-12-14得票数 1
2回答
自动完成建议不适用于ajax
、、、、
我已经为自动补全功能使用了bootstrap typeahead。
下面的代码运行得很完美：
$(function () {
var $input = $(".typeahead");
$input.typeahead({
source: [
{id: "someId1", name: "Display name 1"},
{id: "someId2", name: "Display name 2"}
],
minLength: 2
});
});
但我想使用aj
浏览 6提问于2017-03-07得票数 0
回答已采纳
我使用bootstrap的typeahead作为文本输入，它也有一个弹出流行结果弹出窗口的按钮。
有没有办法设置typeahead搜索结果的“容器”？(例如，popover小工具包含一个'container‘选项)
如下所示：
Text Field Button popover
________________________________________________________
| Search... | B | Typeahead1 Popular Searches: |
|--------------|---| Typeahe
浏览 0提问于2013-05-02得票数 4
回答已采纳
Bootstrap刚刚实现了一个名为typeahead的自动补全功能。我在获取文本输入的相应值时遇到问题。
例如，我可能有以下内容：
$('input').on('change', function(){
console.log($(this).val());
});
这似乎不能捕获所选值。有没有人知道如何在Bootstrap中使用typeahead获取所选值？
浏览 1提问于2012-02-27得票数 16
回答已采纳
我想使用typeahead.js自动补全文本区域中的单词。我的文本领域是写一篇文章。所以我有一个词源，typeahead应该使用它来建议用户输入每个新单词。
我尝试获取当前值并销毁typeahead，然后重新初始化它并设置以前的值，但它不起作用，似乎这不是正确的方法。
请帮我找到解决这个问题的办法。
浏览 1提问于2015-06-13得票数 1
2回答
我知道这个问题以前被提过，但那是三年前的事了，那是一生的事:)。
我正在使用twitter-bootstrap typeahead对mysql数据库和php进行自动补全，它现在工作得很好。但是我在每个键事件中都会查询数据库，对于大规模的应用程序来说，这不是一个好的解决方案。
这里最好的方法是什么？我正在考虑memcache，但这是一个动态数据库，它将会增长，我如何确保数据库中的新信息被缓存到？我很乐意听取大家的建议。
浏览 4提问于2013-03-09得票数 1
2回答
我正在尝试创建一个Joomla组件(2.5)，我需要一个自动补全输入或提前输入，这都无关紧要。我尝试了互联网上的很多东西，但都不起作用。
我能得到一个基本的工作代码吗？
HTML
<div>
<h2>Example</h2>
<div class="demo">
<input class="typeahead" type="text" placeholder="Start typing..."/>
浏览 4提问于2014-03-14得票数 1
随着Bootstrap 3.Typehead的发布，已经删除了以下内容：
我已经成功地将它集成到了远程数据获取上
但是我遇到了自动补全的问题
正如您所看到的，文本框中出现了两个文本。
我已经包含了文档中提到的css ()，但没有成功。
任何帮助或建议都将不胜感激。
显示问题的jsfiddle：
HTML
<body>
<div class="container">
<label>State</label> <input type="text" class="typ
浏览 98提问于2013-08-05得票数 59
回答已采纳
1回答
我在找一个聪明的人。
我正在使用Bootstrap的，当前当我单击我的文本字段时，什么也没有发生。
我该怎么做，当我的typeahead文本字段被点击或被聚焦时，它会显示typeahead中的所有选项？因为目前我必须开始为它写东西才能显示任何东西。如果我的列表中有很多项目，可以使用滚动条。
非常感谢。
我使用get来获取我所有的项目，然后这是我的代码。我在这个页面上有多个自动补全，所以它们都有不同的id。
$.get('link', function (data) {
var autocomplete = $('#typeahead-1').typeah
浏览 5提问于2015-03-13得票数 0
我在Google App Engine应用程序中使用Bootstrap typeahead，但它不工作。
我的HTML：
<div class="well">
<input type="text" class="span3" id="search" name="search"
data-provide="typeahead" data-items="4" />
</div>
<script>
$('
浏览 0提问于2012-10-30得票数 1
回答已采纳
我正在尝试使用bootstrap typeahead自动补全，但它不能获取结果。我多次尝试使用jquery、ajax
index.php
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="typeahead.js"></script>
<script>
$(function() {
$('#typeahead').typeahe
浏览 4提问于2016-06-13得票数 0
我正在尝试用JSON做一个自动补全选择器(typeahead.js)。
现在我有了可以工作的代码-我可以开始输入了，我得到了自动补全功能，但我只显示了"Name Surname - Company Name“。
如果我想从数据库中获得其他信息，如该公司的ID，我应该怎么做？如何通过JSON传递var并以某种方式传递给html表单？
工作代码：
HTML：
<div class="form-group">
<label for="exampleInput">User</label>
<input
浏览 3提问于2017-07-10得票数 0
在ST3中，如果你在HTML域中输入<st，它会显示自动补全的已知标签：
对于我的模板引擎TYPO3 Fluid，我需要添加自定义标记(如<f:for each="" as=""></f:for>)。
我该怎么做呢？
常规的代码片段在这里是不够的，只要它们不出现在漂亮的typeahead中。
浏览 2提问于2013-12-19得票数 4
我正在尝试制作一个使用Bootstrap的typeahead函数的自动完成文本框。我已经通过javascript中的一个数组进行了测试，手动键入。然而，我试图添加代码，允许自动完成使用mysql数据库中的数据，但我无法使其工作。我可以做什么来解决这个问题，使自动补全将显示MySQL数据库中的建议单词？
HTML (test2.html)
<div class="well">
<input type="text" class="span3" id="typeahead" data-provide=
浏览 0提问于2014-04-28得票数 1
1回答
下面的javascript应该是某种自动补全。我使用的是bootstrap typeahead。
当我在我的输入字段中输入项目时，我能够看到建议，问题是我无法选择它们并填充输入字段。你知道它可能出了什么问题吗？
<script type="text/javascript">
$('#typeahead').typeahead({
source: function (query, process) {
objects = [];
map = {};
return $.get(
浏览 10提问于2018-02-25得票数 0
我正尝试在Bootstrap 3中使用Typeahead来实现搜索框的自动补全功能。
当我对服务器进行Ajax调用时，我得到的响应是Json。当我将该响应传递给typeahead的process时，我得到的建议是未定义的。但如果我在控制台或警报中打印它，我会看到从服务器返回的数据。
下面是代码
javascript代码
$('#search-box .typeahead').typeahead({
hint: true,
highlight: true,
minLength: 1
},
{
source: function (query, process) {
浏览 4提问于2014-04-26得票数 0
我们正在尝试使用包含数组的字符串打印名称列表。我们使用的是搜索表单中的自动补全输入域，并且使用的是Bootstrap的Typeahead脚本。
当我们“手动”粘贴数组的结果时，它是有效的，但问题是，当我们使用echo来显示包含的所有值时，结果将被视为单个值。
<?php
$name = array(the_title('"','",'));
foreach ($name as &$name_value) {
echo $name_value; // This prints: "
浏览 1提问于2013-03-06得票数 0
我想用做一个简单的自动补全，但我不能让它工作。我遵循了手册中的说明，但我不确定我在这里做错了什么。我无法从json文件中获得正确的值。这是一个带有对象的数组，我只想要国家名称。我想应该没那么难吧。我没有显示任何东西。请帮帮我！你可以在typeahead页面上的"Getting Started“中找到Typeahead js文件。
这是我的代码：
<head>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src
浏览 0提问于2015-03-18得票数 5
回答已采纳
1回答
我正在尝试让Twitter的Typeahead框在文本字段上工作，这样我最终就可以使用它来实现自动补全功能，并与带有google maps api的数据库保持一致。我甚至不能让盒子下拉一堆样本值，我不知道我做错了什么。
jQuery：
$(document).ready(function(){
$('#autocomplete .typeahead').typeahead({
name: 'accounts',
local: ['Audi', 'BMW', 'Bugatti', 'Ferrari&#
浏览 6提问于2015-07-15得票数 2
我尝试了一段时间来调整我的Twitter typeahead自动完成输入和按钮，但它看起来一直是这样的：
如您所见:搜索按钮在搜索栏的下方对齐。看起来.twitter-typeahead{ width:100%；}就是这样做的，因为当我删除这个类时，它工作得很好。但不幸的是，在这种情况下，自动补全将不起作用。
我尝试了几种方法，比如浮动:左；更改宽度(但这会影响响应布局)。也许这只是一个简单的解决方案，但我不是css专家，我在Stackoverflow上找不到任何东西。
完整代码：
.twitter-typeahead { width: 100%; float: left;
浏览 8提问于2016-07-30得票数 1
回答已采纳
我正在尝试让bootstrap typeahead与输入jquery掩码插件一起工作。我试过其他插件，但它也不起作用。
当我禁用输入上的掩码时，我的自动补全功能运行良好。
下面是我的代码：
$('.phonenumber').mask('(999) 999-9999');
$('#new-message-phonenumber').typeahead({
minLength: 2,
property : 'name',
source: function( typeahead
浏览 1提问于2013-03-13得票数 0
我想在一个闪亮的应用程序中有一个textInput，当用户输入某项内容时，它可以从预定义的列表(或向量)中显示可能的自动补全。因此，用户可以点击它来节省时间，但也有可能写出不在预定义列表中的文本(因此类似于Google搜索的工作方式)。
下面是一个例子。用户可以输入"Ap“，然后点击"Apple”。但是也应该可以键入不在预定义列表中的新输入，例如“橙色”
Shinysky类似于我想要的( textInput中的自动补全，但似乎不允许不在选择向量中的新文本。
library(shiny)
library(shinysky) # install from github
choice
浏览 0提问于2017-02-01得票数 7
回答已采纳
我按照这个教程安装了Elasticsearch (带有searchkick gem) -- 。
搜索正在工作，现在我正在用typeahead.js实现自动补全功能，这是我用鲍尔安装的。然而，我得到了错误消息：
Sprockets::FileNotFound at /books couldn't find file 'typeahead.js'
我试图将它包含在我的资产文件中的各种订单中，但没有成功。然而，我意识到从application.html.erb中删除turbolink解决了这个问题。
<%= javascript_include_tag 'app
浏览 2提问于2015-01-30得票数 1
我正在使用TypeAhead为一个文本框提供自动补全结果。但似乎要么是猎犬，要么是TypeAhead只在我提供的JSON数组中搜索到的第一个单词。
JSON如下所示：
[
{
"name": "ALICE",
"value": "ALICE",
"physical_address": "ERF 270 CNR. OF THOMPSON AND INTWANA STREET, ALICE",
"province":
浏览 0提问于2014-08-14得票数 2
1回答
我正在尝试在bootstrap tag的帮助下在yii中创建一个自动补全标签字段。标记字段正在工作，但typeahead不起作用。
我的领域：
<?= $form->field($model, 'existing_control')
->textInput(
[
'max-width'=>'10px',
'id'=>'vuln'.$model->v_id,
//'data-role'=>'tagsin
浏览 0提问于2014-05-24得票数 1
我有一个数据库，大约有120万个名字。当你输入某人的名字时，我正在使用Twitter的typeahead.js远程获取自动补全建议。在我的本地环境中，在你停止输入后大约需要1-2秒才会出现结果(当你输入时自动补全不会出现)，在Heroku上部署的应用程序上需要2-5+秒(仅使用1 dyno)。
我想知道为什么它只在你停止输入后才显示建议(以及几秒钟的延迟)，是不是因为我的代码没有优化？
页面上的脚本：
<script type="text/javascript">
$(document).ready(function() {
$("#navPersonS
浏览 0提问于2013-10-18得票数 4
我正试着用typeahead做一个自动补全，匹配像T这样的精确字符，但不匹配T，但是我不能让它按我想要的那样工作。
我试图在谷歌和stackoverflow中找到一个解决方案，比如：
我的示例代码是这样的：
谢谢你的帮助。
最好的问候，约翰尼
浏览 0提问于2013-11-01得票数 0
我已经实现了一个使用Twitter typeahead的自动补全功能(带有猎犬引擎)，它运行得很好。我的下一步是使用生成/获得的数据(在我的例子中是'name‘和'id')来执行搜索操作。这就是我遇到困难的地方，我完全不知道如何将数据传递给控制器以进行搜索操作。我没有使用表单，但我想使用搜索按钮单击或js函数OnclickSearchButton，或者可能有更好的方法？！
我的JS代码：
$(document).ready(function () {
var viewModel = {}; //will store id and string to pass f
浏览 1提问于2017-02-02得票数 0
回答已采纳
我正在开发的功能是自动完成关键字搜索。只要用户在搜索栏中输入内容，视图模型就会调用带有关键字参数的自动补全api来获取自动补全建议，并将其放入一个可观察的收集容器中。这个可观察的集合是一个依赖属性，它与列表框绑定以显示自动补全建议。我的问题是依赖属性填充正确，但是列表框没有显示任何内容。以下是一些代码片段：
Xaml.cs中的数据绑定：
protected override void OnNavigatedTo(NavigationEventArgs e)
{
searchBar.Focus();
_searchViewModel
浏览 2提问于2012-01-06得票数 0
我正在为一个自动补全字段使用typeahead。当我使用选项remote时，就像这里解释的那样：，它显示所有条目，而不是它应该显示的子集。下面是js代码：
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#palettenNummerEinlagerung').typeahead({
name: 'nummer',
remote:'http://192.168.0.108/paletten/nummer_e
浏览 2提问于2015-09-25得票数 0
我有一个超前的自动完成输入框。我的要求是，如果列表与逗号输入的字符串列表匹配，则显示列表。 例如： 如果我的列表是： [{
deviceId: '1111111',
name: 'Crafty'
},
{
deviceId: '000000',
name: 'TeleCom'
},
{
deviceId: '1110009999',
name: 'TeleCom'
浏览 16提问于2019-05-10得票数 2
选择...在我的应用程序中。是否可以将其用作自动完成字段，选择值不是必填项。我想使用ng-select，因为它使用了一个虚拟卷轴，而angular material中的mat-autocomplete并不使用，而且有了很多值，mat-autocomplete会变慢。
我的问题是:是否可以将ng-select用作自动补全函数。换句话说:不带所需的select选项的ng-select。如果我在ng-select字段之外单击，如果没有选择任何内容，则该值将为空。价值必须保持不变..
<label>Your first ng-select</label>
<n
浏览 1提问于2018-05-03得票数 8
1回答
我使用typeahead addresspicker jquery插件来提供一个自动补全字段和一个供用户选择位置的地图。
该插件运行良好，可以找到任何地址或位置，并在地图上放置一个标记。但是，当设置地址时，我想将Google地理编码值插入到表单字段中。为此，我监听了addresspicker:selected事件，该事件在代码中被触发，但处理程序并未执行。
script(src='/js/lib/jquery/jquery-2.1.0.min.js')
script(src='/js/lib/typeahead/typeahead.js')
script(src
浏览 4提问于2014-04-25得票数 0
1回答
我正在尝试实现Algolia的自动补全(我相信它是基于推特的Typeahead构建的？)，遵循他们网站上的例子：
是否可以使dropdown具有响应性？例如，在那个页面上，让'Rich horizontal‘示例在较大的屏幕上水平显示，但在较小的屏幕上垂直堆叠(我使用的是Bootstrap，所以考虑到col 12，col 6样式)
任何建议都将不胜感激。谢谢!
浏览 20提问于2017-02-05得票数 0
我正在使用Typeahead设置一个表单。我有两个相邻的输入域，每个输入域都需要一个自动补全。我的HTML如下所示：
<select id="numerator">
<option value="presentation">presentation</option>
<option value="chemical">chemical</option>
</select>
<input id="numeratorId" class="
浏览 3提问于2015-04-14得票数 7
1回答
如何自定义自动完成视图？
、、、、
我的观点是：
<div class="form-group">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q" autofocus v-model="typeahead" @input="input">
<span class="inpu
浏览 3提问于2017-12-19得票数 0
回答已采纳
在花了几个小时让Twitter typeahead显示自动补全值之后，我很难弄清楚如何在我的控制器中替换Create和Edit操作中的所有下拉列表。
我知道有几个问题。第一个问题是如何将所选对象的ID (键)传递给typeahead.My。JSON的键值基本上是ID，值值是对象的名称。下面可以看到JSON。
[{"Key":1,"Value":"Test1"},{"Key":2,"Value":"Test2)"},{"Key":4,"Value":"Adagr
浏览 0提问于2014-10-30得票数 3
回答已采纳
我的数据结构如下：
participants['John Smith'] = {first_name: 'John', last_name: 'Smith', id: '1'}
现在我有了自动补全输入框，参与者只需输入他们的名字，然后再输入他们的姓氏。
现在我要做的是，我有一个单独的结构来容纳名字，另一个结构来容纳姓氏。这也是因为Bootstrap的Typeahead需要一个“源”，所以我只放了一个源: first_names。
所以基本上发生的事情是，用户输入他名字的前几个字母，他们可以自动完成，然后他们选择姓氏的前几个字母，他
浏览 0提问于2013-07-14得票数 1
回答已采纳
我有一个带有angular-ui-typeahead自动完成的输入。
用户开始键入，他们可以从自动完成中选择一个选项，或者键入未列出的文本。
如果用户不使用自动完成功能，我必须更改标签的文本，说明this element will be added
<input
ng-blur="checkIfNewProvider()"
ng-model="providerSelected"
uib-typeahead="provider as provider.name for provider in providers | fil
浏览 13提问于2015-12-01得票数 0
我正在使用Alpaca.js生成表单，并且正在测试来自的自动补全示例#7。在我的本地表单中，我在下拉列表中看不到任何值。有什么建议吗？
<html>
<head>
<title>Alpaca-Autocomplete Form</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<lin
浏览 0提问于2015-12-05得票数 1
我一直在寻找方法来完成这项工作，但没有运气。我想使用typeahead自动补全功能。 我的app.blade上的主脚本 <!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css
浏览 29提问于2021-04-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
