.html
<form:input type="text" id="currentInst" name="instance">
<form:input type="text" id="currentProject" name="project">
AutoComplete.js
function autoFillInstances() {
$("#currentInstance").autocomplete({
autoFocus: true,
source : function(request, response) {
$.ajax({
url : "instances.html",
type : "GET",
data : {
term : request.term
},
dataType : "json",
success : function(data) {
response(data);
},
select: function (request, response) { autoFillProjects(); }
});
}
});
}
function autoFillProjects() {alert("in autocomplete change");}
</script>
我也尝试过onchange事件
<script type="text/javascript">
$(document).ready(function() {
$('#currentInst').on('change',
function autoFillProjects() {alert("in autocomplete change");
$("#currentProject").autocomplete({
source : function(request, response) {
$.ajax({
url : "projects.html",
type : "GET",
data : {
term : request.term,
instance: $("#currentInst").val()
},
dataType : "json",
success : function(data) {
response(data);
}
});
}
});
});
});
</script>
如果我在实例文本框中键入内容,则自动完成功能适用于项目文本框,并且它正在为项目文本框提供建议。 但是,如果从建议中选择实例值,则自动完成功能不适用于项目文本框。 Onchange事件未触发。请有人帮助我。
答案 0 :(得分:3)
我改为&#39; autocompletechange&#39;事件。现在它工作正常。
$('#id').on('autocompletechange',function());