jQuery是一款常用的JavaScript庫,擁有非常豐富的功能和API。其中,設置下拉提示框是jQuery的常見應用之一。
下面通過代碼演示,使用jQuery設置下拉提示框:
// HTML代碼
<input type="text" id="search" name="search" placeholder="請輸入搜索內容">
// JavaScript代碼
$(function() {
var data = [
{"value": "1", "text": "HTML"},
{"value": "2", "text": "CSS"},
{"value": "3", "text": "JavaScript"},
{"value": "4", "text": "jQuery"},
{"value": "5", "text": "Bootstrap"}
];
$("#search").autocomplete({
source: data,
minLength: 1,
autoFocus: true
});
});
以上代碼中,我們首先定義了一個文本框輸入框。然后,利用jQuery的自動完成插件autocomplete,設置了下拉提示框。其中,source表示數據源,minLength表示在輸入多少字符后開始提示,autoFocus表示是否自動聚焦。
通過以上步驟,我們就可以很方便地使用jQuery設置下拉提示框了。