jQuery：自动完成后的文本框文本更改事件？答案

【问题标题】：jQuery: Textbox text change event after autocomplete?jQuery：自动完成后的文本框文本更改事件？
【发布时间】：2014-10-30 18:32:20
【问题描述】：

我正在为文本框使用 jquery 自动完成插件：

$('#TargetArea').autocomplete({
    source: '@Url.Action("GetTarget", "Ads", new { type = "Zip", term = target })'  
    });

它工作正常。现在，我要做的是：当文本框文本发生变化时，调用一个动作从数据库中获取数据，然后将数据显示在另一个 div 中。

$('#TargetArea').change(function () {
       var url = "/My/Test";
       var target = $("#TargetArea").val();
       $.post(url, { Target: target }, function (data) {
           $("#resultId").html(data);
       });
   })

但是，此更改事件从未触发。如果我注释掉自动完成部分，那么它工作正常。任何人都知道问题是什么？或者，我应该怎么做？

谢谢

【问题讨论】：

autocomplete 对象似乎有一个 change 属性，因为它在这里使用：stackoverflow.com/questions/6431459/…

标签： javascript c# jquery model-view-controller autocomplete

【解决方案1】：

我认为你应该使用自动完成插件的更改事件。

在此处查看文档：http://api.jqueryui.com/autocomplete/#event-change

检查一下，我认为它应该可以工作。

$( "#TargetArea" ).autocomplete({
  source: '@Url.Action("GetTarget", "Ads", new { type = "Zip", term = target })',  
  change: function( event, ui ) {}
});

【讨论】：

【解决方案2】：

你也可以这样做

1 - 使用指定的更改回调初始化自动完成：

    $( '#TargetArea' ).autocomplete({
      source: '@Url.Action("GetTarget", "Ads", new { type = "Zip", term = target })',
      change: function( event, ui ) {
       var url = "/My/Test";
       var target = $("#TargetArea").val();
       $.post(url, { Target: target }, function (data) {
           $("#resultId").html(data);
       });
      }
    });

或

2- 将事件监听器绑定到 autocompletechange 事件：

$('#TargetArea').autocomplete({
    source: '@Url.Action("GetTarget", "Ads", new { type = "Zip", term = target })'  
    });

    $( '#TargetArea' ).on( "autocompletechange", function( event, ui ) {
                            var url = "/My/Test";
                            var target = $("#TargetArea").val();
                            $.post(url, { Target: target }, function (data) {
                                    $("#resultId").html(data);
                                   });
                            });

当字段模糊时触发，如果值发生变化。

来源：http://api.jqueryui.com/autocomplete/#event-change

【讨论】：