码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-10-12 16:10:08      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:key   $.ajax   false   src   bsp   source   根据   ajax   auto   

$(_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;
}
});

技术分享图片

 

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

标签:key   $.ajax   false   src   bsp   source   根据   ajax   auto   

原文地址:https://www.cnblogs.com/gqymy/p/9778168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!