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

功能描述：

text框中输入，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=" 200px; height: 130px;"></select>
 </td>