Javascript TypeError:$(…)。尝试使用第一个选择结果时未定义数据(…)
我使用autocomplete插件从外部json列表中选择大学。现在,一旦学生选择了大学,他就需要选择他的教员 比如说,Javascript TypeError:$(…)。尝试使用第一个选择结果时未定义数据(…),javascript,jquery,Javascript,Jquery,我使用autocomplete插件从外部json列表中选择大学。现在,一旦学生选择了大学,他就需要选择他的教员 比如说, Columbia University: communityid = 11 : parentID = 0 Architecture, Planning & Preservation: communityid = 14 : parentid = 11 我不明白为什么我会得到TypeError:$…数据。。。是未定义的错误 在确保JSON数据格式没有问题之前,请检查相关
Columbia University: communityid = 11 : parentID = 0
Architecture, Planning & Preservation: communityid = 14 : parentid = 11
我不明白为什么我会得到TypeError:$…数据。。。是未定义的错误
在确保JSON数据格式没有问题之前,请检查相关javascript文件(如jquery-x.x.x)是否只正确引用了一次。如果未引用或多次引用相关文件,则可能会出现此问题。希望这有帮助…为什么您希望在$上有数据。注册表单输入[name='COMMUNITY']?这是一个文本框。例如,当用户输入C时,他将获得克拉克大学、哥伦比亚大学等名称中包含C的大学列表。
<form action="content/signup/index.cs.asp?Process=AddMember" method="post" class="signup-form">
<fieldset>
<p>
<input type="text" name="COMMUNITY" size="55" value="" title="<%=lngUniversity%>" />
<div id="autobox"></div>
</p>
<p>
<input type="text" name="SCHOOL" size="55" value="" title="<%=lngSchool%>" />
</p>
<p>
<input type="hidden" name="COMMUNITYEMAIL" value="">
<input type="hidden" name="COMMUNITYID" value="">
<input type="hidden" name="x" value="p">
<input type="submit" name="#" value="<%=lngSubmit%>" class="btn btn-signup">
</p>
</fieldset>
</form>
$(".signup-form input[name='COMMUNITY']").autocomplete({
source: function (request, response) {
$.ajax({
url: "/content/signup/index.cs.asp?Process=CheckEmail&PARENTID=0&COMMUNITY=" + request.term,
dataType: "json",
success: function (data) {
response($.map(data.CheckEmail, function (item) {
return {
label: item.Name,
value: item.Name,
CommunityID: item.CommunityID
}
}));
}
});
}
});
$(".signup-form input[name='SCHOOL']").autocomplete({
source: function (request, response) {
$.ajax({
url: "/content/signup/index.cs.asp?Process=Check&PARENTID=" + $(".signup-form input[name='COMMUNITY']").data(CommunityID).selectedItem.UniversityId + "&COMMUNITY=" + request.term,
dataType: "json",
success: function (data) {
response($.map(data.CheckEmail, function (item) {
return {
label: item.Name,
value: item.Name,
emailURL: item.emailURL,
SchoolID: item.CommunityID
}
}));
}
});
},
minLength: 1,
select: function (event, ui) {
$(".signup-form input[name='COMMUNITYEMAIL']").val(ui.item.emailURL);
$(".signup-form input[name='COMMUNITYID']").val(ui.item.CommunityID);
},
open: function () {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
},
appendTo: '#autobox'
});