文本框根据关键字异步搜索内容

Posted gqymy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本框根据关键字异步搜索内容相关的知识,希望对你有一定的参考价值。

$(_this).autocomplete({
    //定义要使用的数据,必须指定。
source: function (request, response) {
if ($(_this).val() == null || $(_this).val() == "") {
return;
}
$.ajax({
url: url,
method:"post",
dataType: "json",
data: {key: request.term},
success: function (data) {
response($.map(data, function (item) {
return {
label: item.name,
value: item.name,
id: item.id,
}
}));
}
});
},
minLength: 1,  //户必须输入的最小字符数
delay: 10,    //按键和执行搜索之间的延迟,以毫秒计
select: function(event, ui) {
this.value = ui.item.label;
$("#creditProductId").val(ui.item.id);
return false;
}
});

技术分享图片

 






























以上是关于文本框根据关键字异步搜索内容的主要内容,如果未能解决你的问题,请参考以下文章

input文本框设置移除默认内容(兼容IE低版本)

如何设置MS-Access文本框以根据表值直接输入您正在键入的内容?

如何根据选择另一个下拉选项来聚焦搜索文本框 - vuejs

ajax异步发送数据到后台中文乱码的问题

js怎么获取文本框内容

怎样用jquery实现新闻无闪动刷新,用js中工具箱2到3个控件,搜索文本框自动文本框自动填充完成