当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 基于jquery的文本框与autocomplete结合使用(asp.net+json)

基于jquery的文本框与autocomplete结合使用(asp.net+json)

2018年10月18日  | 移动技术网IT编程  | 我要评论
js脚本引用代码如下: <script src="/scripts/jquery.autocomplete/jquery.autocomplete.js" type=&qu

js脚本引用代码如下:

<script src="/scripts/jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"></script>


样式引用

代码如下:


<style type="text/css" media="all">
@import url("/scripts/jquery.autocomplete/css/jquery.autocomplete.css");
</style>


js代码

代码如下:


?$(document).ready(function () {
$("#<%=_searchkeygame.clientid %>").autocomplete("./ajaxhandle/autocomplete.ashx?type=game", {
minchars: 0,
max: 9,
width: 150,
matchcontains: true,
autofill: false,
formatitem: function (row, i, max) {
return row.name;
},
formatmatch: function (row, i, max) {
return row.name + " ";
},
formatresult: function (row) {
return row.name;
}
});
jquery("#<%=_searchkeygame.clientid %>").result(function (event, data, formatted) {
if (data) {
jquery("#_searchkeygame").attr("value", data.name);
}
else {
}
});
$("#<%=_searchkeyplat.clientid %>").autocomplete("./ajaxhandle/autocomplete.ashx?type=plat", {
minchars: 0,
max: 9,
width: 150,
matchcontains: true,
autofill: false,
formatitem: function (row, i, max) {
return row.name;
},
formatmatch: function (row, i, max) {
return row.name + " ";
},
formatresult: function (row) {
return row.name;
}
});


autocomplete。ashx返回joson值

代码如下:


string querystr = context.request.querystring["q"];
context.response.contenttype = "text/plain";
context.response.cache.setnostore();
string onstring = "[";
string where = string.format(" (select dbo.[f_getpy](platname)) like '%{0}%' or platname like '%{0}%'", common.common.tosql(querystr));
datatable dt = new models.plat().getdatatable(where,10);
if (dt.rows.count > 0)
{
for (int i = 0; i < dt.rows.count; i++)
{
jsponstring += "{id:\"" + dt.rows[i]["platid"].tostring() + "\",name:\"" + dt.rows[i]["platname"].tostring() + "\"},";
}
}
jsponstring = jsponstring.trim(new char[] { ',' });
jsponstring += "]";
context.response.write(jsponstring);
context.response.end();

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网