發表文章

目前顯示的是 6月, 2014的文章

【JQuery】Autocomplete【自動完成】

圖片
使用JQuery前,需要引用Jquery元件。 自動完成(Autocomplete)功能方便於使用者輸入資料時,提示相關字眼,以節省時間與效率。 本篇介紹兩種常用方式,與ASP做結合,若要其他詳細功能請參考 官網 。 HTML 頁面(參考)︰ 航空公司 <input id=" tags " name="tags" type="text" /> 方法一(直接產生List方式) Javascript︰ <script type="text/javascript">  $(function () {        var availableTags = <%=TagList %> ;             $(' #tags ').autocomplete({              source: availableTags ,   //資料來源                                  minLength: 0     //輸入最少字數                     });                       // 自動完成focus ; Click文字盒就顯示全部List        $(' #tags ').focus(function () {            if (this.value == "") {       ...