jQuery Autocomplete(自動完成)是一個非常有用的jQuery插件,它能夠實現輸入框自動提示功能。
$(function() { var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming' ]; $('#autocomplete').autocomplete({ source: states }); });
上述代碼中,我們定義了一個數組states,它包含了所有美國的州名。我們使用id為autocomplete的元素來調用autocomplete()函數,然后傳入一個源數據states。jQuery Autocomplete便會根據輸入框中的文本,在這個源數據中進行匹配,展示匹配到的項。
除了上面的最基本用法,我們還可以通過配置參數來進一步控制自動完成的行為。例如,可以通過minLength參數來指定觸發自動完成所需的最小文本長度,或通過delay參數來指定輸入多久之后開始搜索匹配項。
總之,jQuery Autocomplete是一個非常實用和易于使用的插件,它能夠使我們的用戶體驗更加友好和便捷。
上一篇jquery axios
下一篇圖片冊動畫css3