jQuery Comobgrid是一個功能強大的jQuery插件，它提供了一個多重搜索的下拉列表。當用戶在輸入框中輸入文本時，Comobgrid會自動從服務器獲取匹配的數據，并將其顯示在下拉菜單中。這使得用戶可以快速而準確地選擇他們需要的選項。
以下是使用Comobgrid的基本示例：
<input type="text" id="myInput"/>
<script>
$("#myInput").combogrid({
url: "data.php",
colModel: [
{columnName: "ID", width: "5%"},
{columnName: "Name", width: "25%"},
{columnName: "Address", width: "70%"}
]
});
</script>在上面的示例中，我們將#myInput元素轉換為Combogrid。我們指定了一個URL，從中獲取數據，并列出需要顯示的列模型。
以下是可以使用的所有選項：
$("#myInput").combogrid({
url: "data.php", // 獲取數據的URL
debug: true, // 是否啟用調試模式
width: "100%", // 寬度
label: "Select an item", // 默認標簽
maxRows: 10, // 最大行數
showOnFocus: true, // 是否在焦點上顯示
colModel: [ // 列模型數組
{columnName: "ID", width: "5%"},
{columnName: "Name", width: "25%"},
{columnName: "Address", width: "70%"}
],
onSelect: function(row) { // 當選擇一行時調用回調函數
console.log(row);
}
});使用Comobgrid時，請確保在HTML文件中正確地加載jQuery庫和combogrid腳本文件。例如：
<head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="jquery.combogrid.js"></script> </head>
總之，Comobgrid是一種非常方便的工具，可以快速且精確地處理搜索和選擇任務。它已經在許多Web應用程序中被廣泛使用。