jquery.autocomplete动态删除里面data
时间: 2024-09-15 16:07:17 浏览: 10
jQuery UI Autocomplete插件提供了一个便捷的方式来实现输入框的自动补全功能。如果你想动态地从数据源中删除某个条目并反映到UI上,你可以这样做:
1. 首先,确保你有一个Autocomplete实例化,并绑定了一个数据源(通常是通过`source`选项)。
```javascript
$(function() {
var autocomplete = $("#autocomplete").autocomplete({
source: function(request, response) {
$.ajax({
url: "your-data-source-url",
dataType: "json",
data: { term: request.term },
success: function(data) {
response(data);
}
});
}
});
});
```
2. 当你需要删除某个条目的时候,假设你有一个对应数据项的ID或者关键字,可以使用以下代码:
```javascript
function deleteItem(itemToRemove) {
// 假设itemToRemove是一个包含你要删除项的值的对象
var removedIndex = $.inArray(itemToRemove, autocomplete.autocomplete("widget").children(".ui-menu-item"));
if (removedIndex !== -1) { // 检查条目是否存在于列表中
autocomplete.autocomplete("widget").children(".ui-menu-item").eq(removedIndex).remove();
// 如果你想更新服务器端的数据源,也可以发送AJAX请求移除这个条目
$.ajax({
url: "update-server-data",
type: "DELETE", // 或者"POST" + "DELETE"
data: { id: itemToRemove.id }, // 根据实际情况替换id字段
success: function(response) {
// 更新UI并处理其他可能的后续操作
}
});
}
}
```
然后,当你需要删除某条数据时,只需要调用`deleteItem`函数,传入你想要删除的数据项即可。