jQueryUI Autocomplete

jQueryUI真是太方便了，像這種欄位自動輸入，其實asp.net 的Ajax Tools其實也有，小弟也小玩過，但感覺想跳來jQuery原因就是~~，他實在方便又美觀，不廢話，小說明一下:

屬性:

soucer	來源
minLength	當輸入第幾字元時開始搜尋
delay	當資料較龐大時使用，其實設定0也可以，只是效果，自己判斷摟
Disables	(true)禁用(false)啟用 不設定也可以因為預設:false

事件:

select	選擇完畢觸發
open	選擇窗開啟時觸發
close	選擇窗關閉時觸發
focus	當focus在選擇欄位時觸發
change	輸入欄位值改變時觸發
search	搜尋之前觸發

方法:

.autocomplete( "destroy" )	直接移除掉自動搜尋功能
.autocomplete( "disable" )	自動輸入"禁用"
.autocomplete( "enable" )	自動輸入"啟用"
.autocomplete( "option" , optionName , [value] )	設定與獲得，無value時，就是獲得
.autocomplete( "option" , options )	options物件 一次設定多個指令
.autocomplete( "widget" )
.autocomplete( "search" , [value] )
.autocomplete( "close" )

javascript

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

html

<label for="tags">Tags:</label>
<input id="tags">