html - 如何使用 twitter 的 typeahead 实际提交数据

标签 html twitter-bootstrap typeahead typeahead.js

我正在使用 Twitter 的 typeahead 前端库进行自动完成。我的配置使用对服务器的远程调用。自动完成本身工作正常,但是表单标签现在拒绝在输入标签中实际输入内容(按回车键后)。我怀疑这是因为 typeahead 在 .这是我的代码:

<form class="navbar-search form-search pull-left" action="javascript:query_main()" method="get">
    <div class="main_dropdown navbar-search">
       <input class="typeahead" id="query_main" type="text">
    </div>
</form>

Below is when the code worked (without typeahead)


<form class="navbar-search form-search pull-left" action="javascript:query_main()" method="get">
    <input type="text" id="query_main" class="main_dropdown typeahead">
</form>

有什么想法吗?谢谢。

最佳答案

您应该至少提供一个 <input type="submit" />在表单中期望表单在按回车键时提交。

如果您不想显示该按钮,请使用 CSS 将其隐藏。

关于html - 如何使用 twitter 的 typeahead 实际提交数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18058661/

相关文章:

javascript - 将 Javascript 事件添加到使用 pdfJS 打开的 pdf

javascript - document.ready 用于使用单个 JavaScript 文件的多种表单

jquery - 如何通过 URL 展开/取消折叠 FAQ (Bootstrap) 的特定面板

php - 如何使用 yii2 -bootstrap 扩展将模态添加到 yii2 中的导航栏?

css - 什么时候在 bootstrap css 中使用 offset-3

javascript - 如何在全局监听器上设置 javascript 属性,而无需重复代码

javascript - Twitter Typeahead.js, "one of local, prefetch, or remote is required",即使提供

html - CSS 图像 flexbox 边距

javascript - 执行事件时没有任何反应

javascript - bootstrap typeahead 未获取结果