jQuery自動完成字段

Question

我使用jQuery的autocomplete功能。用戶輸入名稱college，自動填充功能顯示他/她輸入的類似學院列表。它工作正常。 唯一的問題是，我想禁止用戶進入任何其他大學，除了下拉式自動完成菜單中顯示的大學。我的意思是，我想讓用戶選擇，從可用列表中，他/她不能在該字段中輸入任何其他文本。他將輸入一些文字，爲此自動完成將顯示結果，然後從該列表中進行選擇。目前，用戶可以輸入搜索字符串，從結果中選擇，然後修改該字段。我不想那樣。

我該怎麼做？ 目前，相關html是：

<div class="ui-widget txt-fld"> 
    <label class="labelname">College:</label> 
    <input id="college" class="textinput" name="college" /> 
</div> 

Answer 1

我知道一個普遍的選擇這一遍又一遍幫我。看看這個：

http://ivaynberg.github.com/select2/

也許它可以幫助你。

Answer 2

你想搜索的選擇列表（或搜索下拉列表）。如果你不允許修改，那麼它不再被視爲自動完成。

下面的插件會爲你工作。

http://jsearchdropdown.sourceforge.net/