【发布时间】:2014-08-21 18:03:07
【问题描述】:
.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 事件未触发。请有人帮助我。
【问题讨论】:
标签: javascript jquery ajax spring-mvc autocomplete