前端联想下拉框的实现

当用户输入字符时，前端可自动联想出用户输入的字符，下拉框可以增加界面的友好性，这种提示功能可通过开源框架typeahead来实现。

首先该功能需要包含以下JS文件：

<script src="../../Scripts/jquery.min.js" type="text/javascript"></script>
<script src="../../Scripts/bloodhound.js" type="text/javascript"></script>
<script src="../../Scripts/typeahead.bundle.js" type="text/javascript"></script>
<script src="../../Scripts/typeahead.jquery.js" type="text/javascript"></script>

假设前端的下拉框html代码如下:

<h2>Suggestion</h2>
 <div id="container">
<input class="typeahead" type="text" size="400" placeholder="suggestion">
</div>

JS初始化代码如下:

<