允许用户向自动完成列表添加选项(typeahead bootstrap)

时间:2012-07-01 01:30:49

标签: jquery autocomplete twitter-bootstrap typeahead

有许多关于typeaheadhttps://gist.github.com/1866739)的线程和样本以及分叉版本,但我找不到允许用户“添加”他/她写的内容的任何内容,如果它不在列表中。如果用户在结果为0时继续输入,则隐藏结果ul ...

typeahead enter image description here

我想添加一个<li>,这是输入的值(我知道该怎么做),但是如果用户继续输入输入并且有0个匹配则下拉消失

当我得到1匹配“count li”的金额:“1”有效,但是计数0不起作用,就好像没有匹配时整个列表再次“重新填充”。

非常感谢链接,提示或示例!

1 个答案:

答案 0 :(得分:4)

我真的不知道是什么问题,但我认为这是因为它很容易,你只是看不到它。

您可以使用source $('.typeahead').val();)。 >

这是一个live demo,您可以自由添加自己的项目并按 Enter ,以便有效地将它们作为typehead来源。

在您的页面中,您实际上可以使用$.ajax()一次将新项目添加到数据库中,或者等到用户提交表单并添加它。