jQueryUI 自动完成 - 选择后模糊字段

Question

我希望能够在从下拉列表中选择一个值后模糊该字段。我目前的焦点是自动完成项目搜索。

这是我所拥有的：

            $("#season").autocomplete({  
            source: function( request, response ) {
                    $.getJSON( "search.asp", {
                        term: request.term,
                        type: 'season'
                        }, response );},
            minLength: 0
        }).focus(function(event, ui){
            $(this).autocomplete("search","");
        });

Answer 1

您可以使用“close”方法在输入字段上调用模糊：

$("#season").autocomplete({   
   source: function(request, response){      
   $.getJSON("search.asp", {
         term: request.term,
         type: 'season'
      }, response);
   },
   minLength: 0,
   close: function(){
      $(this).blur();
   }}).focus(function(event, ui){
   $(this).autocomplete("search", "");
});

Answer 2

自动完成有一个选择事件，当您从下拉列表中选择某些内容时会触发该事件。在这种情况下，您可以在输入上调用 .autocomplete('close') 来关闭下拉列表。

$("#season").autocomplete({
   source: function(request, response){
      $.getJSON("search.asp", {
         term: request.term,
         type: 'season'
      }, response);
   },
   minLength: 0,
   select: function(){
      $(this).autocomplete('close');
   }
}).focus(function(event, ui){
   $(this).autocomplete("search", "");
});

熟悉这些文档会产生奇迹:)

http://jqueryui.com/demos/autocomplete/

示例下面的选项卡（选项、事件、方法等）将为您提供您需要了解的所有信息。

编辑：

试试这个，对我有用，但我只在 Chrome、FF3 和 IE8 中进行了测试。

$("#season").autocomplete({
   source: function(request, response){
      $.getJSON("search.asp", {
         term: request.term,
         type: 'season'
      }, response);
   },
   minLength: 0,
   select: function(){
      $('#season').autocomplete('close').blur();
   }
}).click(function(event, ui){
   $(this).autocomplete("search", "");
});

通常，使用点击而不是焦点并不是一个好主意。

Answer 3

为我找到了解决方案。你必须触发模糊并关闭“变化”。

 $("#season").autocomplete({  
            source: function( request, response ) {
                    $.getJSON( "search.asp", {
                        term: request.term,
                        type: 'season'
                        }, response );},
            minLength: 0,
            change: function (event, ui) {
              $(this).autocomplete('close').blur();
            }
        }).focus(function(event, ui){
            $(this).autocomplete("search","");
        });