jQuery每個版本都在不斷的完善和更新，其中有一個非常常用的組件——combobox，它是模擬下拉菜單的一種解決方案。
<!DOCTYPE html>
<html>
<head>
<title>jQuery Combobox Demo</title>
<link rel="stylesheet" href="jquery-ui.min.css">
<link rel="stylesheet" href="jquery.combobox.css">
<script src="jquery-3.5.1.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="jquery.combobox.js"></script>
<script>
$(function(){
$( "#combobox" ).combobox();
});
</script>
</head>
<body>
<label for="combobox">Select a Fruit: </label>
<select id="combobox">
<option value=""></option>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="orange">Orange</option>
<option value="grape">Grape</option>
<option value="watermelon">Watermelon</option>
</select>
</body>
</html>通過使用combobox插件，可以使下拉菜單具有更好的用戶體驗和交互性。例子中使用的樣式文件需要在頁面的<head>標簽中添加引用，jQuery、jQuery UI和combobox插件的JavaScript文件也需要在頁面頂部引用。此外，combobox插件需要選項列表中的每個選項都有一個值，因此需要在<option>標簽添加value屬性。
通過一行簡單的代碼$( "#combobox" ).combobox();即可將下拉菜單轉變成combobox。