【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 == "") { ...