jquery自动完成文本框onchange不起作用

时间:2014-08-20 11:55:35

标签: javascript jquery ajax spring-mvc autocomplete

.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事件未触发。请有人帮助我。

1 个答案:

答案 0 :(得分:3)

我改为&#39; autocompletechange&#39;事件。现在它工作正常。

$('#id').on('autocompletechange',function());