不多说,直接上代码
html部分:
js部分:
$(document).ready(function() {
$('#search_val').keyup(function() {
var keyword=document.getElementById("search_val").value;
//清除数据
$("#userNameList option").remove();
if(keyword!=""){//不能传空值
$.ajaxSetup({async: true});
$.get("http://127.0.0.1:81//search?keyword="+keyword, function(data) {
for(var i in data) {
var html = "";
html +=
"<option>"+ data[i].zhongyang +"</option>";
$("#userNameList").append(html);
//只传10个数据,10个后结束for循环
if(i==9){break}
}
}, "json")
}
})
})