我在使用jQuery自动完成功能时遇到了一个非常奇怪的问题,请检查下面的脚本代码
<script src="Scripts/jquery1.4.min.js" type="text/javascript"></script>
<script src="Scripts/jquery1.8-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("[id$=txtSearch]").autocomplete({
source: function (request, response) {
$.ajax({
url: '<%=ResolveUrl("~/SearchResultsWS.asmx/GetFacilityNames") %>',
data: "{ 'prefix': '" + request.term + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.split('*----*')[0],
val: item.split('*-----*')[1]
}
}))
},
error: function (response) {
alert(response.responseText);
},
failure: function (response) {
alert(response.responseText);
}
});
},
select: function (e, i) {
$("[id$=hfFacilityId]").val(i.item.val);
//$("[id$=valueText]").text(i.item.val);
alert(i.item.val);
//return false;
},
minLength: 2
});
});
$(document).ready(function () {
$('input[type=text]').click(function () {
$(this).select();
});
});
</script>
这里是asp.net代码
<label for="txtSearch" id="SearchLabel" runat="server">Search Reports: </label>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<asp:HiddenField ID="hfFacilityId" runat="server" />
<asp:TextBox ID="valueText" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="Go!" OnClick="Submit"/>
我正在使用Web服务从SQL Server数据库中加载自动完成列表,除$("[id$=hfFacilityId]").val(i.item.val);
和alert(i.item.val);
语句外,其他所有功能都正常。没有为隐藏字段分配任何内容,并且警报引发“未定义”!我试图解决此问题,但没有成功。如果我使用i.Item.label而不是i.item.val,它可以正常工作。因此,与item.val有关的功能无法正常工作。
感谢您的帮助。。在此先感谢
在下面的代码中,与-
相比,val: item.split('*-----*')
中的破折号label: item.split('*----*')
return {
label: item.split('*----*')[0],
val: item.split('*-----*')[1]
}