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

时间:2013-02-21 20:10:05

标签: jquery twitter-bootstrap jquery-autocomplete textinput popover

我有一个popover,它有一个按钮和一个输入文本。每当我点击特定图像时,都会打开此弹出框。我想让popover中的输入文本自动完成。

这就是我现在所拥有的:http://jsfiddle.net/HhpnN/

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

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

1 个答案:

答案 0 :(得分:3)

当您说“自动填充”时,您的意思是您希望在键入时开始填充结果吗?这就是所谓的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