jquery+ajax 实现text框模糊搜索并可利用listbox实时显示模糊搜索列表结果

功能描述:

text框中输入,text框下面的listbox中实时显示依据输入的内容进行模糊搜索的结果

jquery+ajax 实现text框模糊搜索并可利用listbox实时显示模糊搜索列表结果

js代码

 $j(function() {
$j("input[id='txtCos']").bind('input propertychange', function () { searchCostCenterbyName($j(this).val()); });
}); function searchCostCenterbyName(parameters) {
$j.ajax({
// 调用后台方法方式
url: "../../Account/AjaxPage.aspx?method=GetCostCenterContents&corpId="+<%=Corporation%>+"&corpName="+parameters,
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
//解析返回的json数据
success: function (dataReturn) {
var datar=dataReturn;
if (datar.length>0) {
$j("#listbCos").empty();
}
for(var i=0 ;i<datar.length ;i++)
{
$j("#listbCos").append("<option value=\"" + datar[i].CosID + "\">" + datar[i].CosName + "</option>");
}
},
error: function () {
}
});
};

页面元素

  <td width="28%">
<input id="txtCos" type="text" width="100%" />
<select id="listbCos" multiple="Multiple" style="width: 200px; height: 130px;"></select>
</td>
上一篇:layer弹出层 layer源码


下一篇:HDU 2087 剪花布条 KMP极其初级之入门题(KMP模板在这里)