jQuery combobox 是一個很方便的 jQuery 插件,它可以讓用戶更加方便地選擇選項。
使用 jQuery combobox 非常簡單。首先,你要將其引入:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" >
<script src="https://cdn.jsdelivr.net/npm/jquery.ui.combobox@1.1.1/src/jquery.ui.combobox.js"></script>
然后,你需要一個輸入框和選項的列表:<label for="combobox">選擇一項:</label>
<input id="combobox">
<select id="selectbox">
<option value="">請選擇一項...</option>
<option value="1">選項1</option>
<option value="2">選項2</option>
<option value="3">選項3</option>
<option value="4">選項4</option>
<option value="5">選項5</option>
</select>
接下來,我們可以使用 jQuery combobox 初始化輸入框:$( "#combobox" ).combobox({
select: function( event, ui ) {
$( "#selectbox" ).val( ui.item.value );
}
});
這里的 `select` 事件處理程序是當用戶選擇一個選項時被調用的。在這個事件處理程序中,我們只是將所選項的值設置為 `