jquery - 如何在弹出窗口自动完成中输入文本

标签 jquery twitter-bootstrap jquery-autocomplete textinput popover

我有一个弹出窗口,其中有一个按钮和一个输入文本。每当我单击特定图像时,就会打开此弹出窗口。我想让弹出窗口内的输入文本自动完成。

这是我现在得到的:http://jsfiddle.net/HhpnN/

我认为我的 jQuery 函数无法识别我的 .textData 类,因为我在 img 属性(数据内容)中创建了此输入文本。这是输入文本的创建:

data-content="<input type='text' class='textData' /> <input type='button' class='btn' value='Save' />"

最佳答案

当您说“自动完成”时,您的意思是您希望结果在您键入时开始填充吗?这就是所谓的 Typeahead。您需要使用适当的数据元素更新您的输入标记:

<input type='text' data-provide='typeahead' data-items='4' data-source='[&quot;thisquot;,&quot;is&quot;,&quot;an&quot;,&quot;array&quot;,&quot;or&quot;,&quot;data&quot;]'>

您还需要提供用于搜索的数据集。您可以内联执行此操作,如我在下面的示例中所做的那样,或者通过定义源来执行此操作。

以下是示例的更新,预先输入美国各州名称:

http://jsfiddle.net/dusthaines/HhpnN/3/

更多详细信息请访问其网站:http://twitter.github.com/bootstrap/javascript.html#typeahead

关于jquery - 如何在弹出窗口自动完成中输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15011289/

相关文章:

jquery - 如何使用 jQuery 将第二个背景插入到基于类的内联样式中?

jquery - 在 jQuery 中获取多个元素

javascript - 当 Bootstrap 表单无效时,Jquery 验证器提交

javascript - 在 jquery 自动完成控件上按 escape

php - 循环语法错误 : unexpected identifier (jquery+html+php) 中的 html 连接

jquery - laravel 中使用 ajax 的范围 slider

javascript - 为什么我的卡在使用 bootstrap 时没有响应?

html - CSS text.overflow 与 @Html.LabelFor

javascript - MVC .NET 将带有 Jquery 自动完成功能的 ViewBag 字符串 [] 数组传递给服务器 ActionResult

jquery - 是否有多个 jQuery 自动完成小部件?