下载一个autocomplete
http://pan.baidu.com/s/1sjyLRIH
<link href="../js/jquery.autocomplete/autocomplete.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery.autocomplete/Jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#sel_ngoods").autocomplete('advupdate.aspx', {
dataType: "json", //返回类型
valueName: "fullname",
extraParams: { autocompany: "autocompany" }, //传入后台参数
parse: function (data) { //返回结果设置
return data;
},
formatItem: function (item) {//显示字段
return item.fullname;
}
}).result(function (e, row, val) {//选中下拉 返回结果操作
$("#sel_ngoods").val(row.fullname);
// $("#hid_cid").val(row.cid);
$("#ngoods_Img").val(row.logo);
$("#ngoods_Url").val(row.url);
});
});
</script>
<fieldset>
<legend>商品库</legend>
<span>商品名称:<input type="text" id="sel_ngoods" style="width:380px; height:17px;" /><br />
Logo:<input type="text" id="ngoods_Img" style="width:400px; height:17px;" /> <br />
链接:<input type="text" id="ngoods_Url" style="width:400px; height:17px;" /><br />
</span>
</fieldset>
protected void Page_Load(object sender, EventArgs e)
{
//判断是否有内容
if (Request["autocompany"] != null)
{
AutoCompany(Request["query"]);
return;
}
}
<pre name="code" class="csharp"> //执行AutoCompany方法
private void AutoCompany(string val)
{
StringBuilder sb = new StringBuilder();
DataTable dt = hnebuy.DAL.goodstype.GetLists(" ").Tables[0];// aid=" + actId + "
//搜索引擎的字段 fullname
string _retData = Common.Help.DataToJson(dt.Select(string.Format("fullname like '%{0}%' ", val)));
// Response.Write("{\"data\":" + _retData + ",\"value\":\"" + val + "\"}");
Response.Write(_retData);
Response.Flush();
Response.End();
}