jquery如何实现动态搜索显示内容?

动态搜索显示输入框输入的内容,最好有详细的代码 感谢。

$(document).ready(function () {

var showletter = "";

$(".showkeyword").keyup(function () {

var formletter = /[a-z]$/;

if (!formletter.test($(this).val())) {

if (showletter != $(this).val()) {
showletter = $(this).val();
showsearch(showletter);

}

}

});

function showsearch(keywors) {
/* url为搜索请求的地址,自定义*/
$.ajax({
type: "get",
url: "/ashx/Searchtishi.ashx",
data: { keywords: keywors },
contentType: "html/text; charset=utf-8",
dataType: "text",
success: function (data) {

//将返回的搜索结果,放入到我们指定的div里面
$(".searchlist ul").html(data);
}
});

}
});
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答