Borrar el campo de formulario después de seleccionar para jQuery UI Autocompletar

Question

Estamos usando Autocompletar JQuery UI y tengo problemas para borrar el cuadro de texto que contiene el término de búsqueda una vez que se completa la consulta. Aquí está nuestro código jQuery:

$(document).ready(function() { 
     $("form#search input#term").autocomplete({ 
      source: '<%= Url.Action("Display", "Search") %>', 
      delay: 200, 
      minLength: 3, 
      parse: function (data) { 
       var array = new Array(); 
       for (var i = 0; i < data.length; i++) { 
        array[array.length] = { data: data[i], value: data[i], result: data[i].link }; 
       } 
       return array; 
      }, 
      select: function (event, ui) { 
       window.location.href = ui.item.value; 
       $(this).val() = ""; 
       return false; 
      } 
     }); 
    }); 

Este código funciona bien en Firefox, pero el IE 8 es lanzar una excepción y da un cuadro de diálogo preguntando si quiero usar el IE depurador de guiones. Vi esta publicación de Stack Overflow: Clear form field after select for jQuery UI Autocomplete que dice que la solución al problema es devolver falso desde la función de selección JQuery, pero eso no ayudó. ¿Alguien tiene sugerencias sobre cómo solucionar esto?

Answer 1

La única forma que he encontrado para solucionar este problema era utilizar el viejo jQuery 1.4.1 DLL junto con el nuevo DLL jQuery UI, versión 1.8.11, Creo que hay un dll JQuery después de la versión 1.4.1 que causa este problema. Si es así, tal vez una versión futura lo arreglará.

Answer 2

$(this).val(''); 

en lugar de

$(this).val() = ""; 

Answer 3

usando jQuery 1.5.1 y 1.8.10 jQuery-UI, las siguientes obras para mí:

select: function (event, ui) { 
       event.preventDefault() // <=== 
       window.location.href = ui.item.value; 
       $(this).val('');     
      } 

Answer 4

esto funciona para mí ...

jQuery('.SELECETOR'). autocomplete({ 
    .... 
    .... 
}).on("autocompleteselect", function(event, ui) { 
       jQuery(this).val(''); 
     }); 

Answer 5

Esto funciona para mí:

jQuery('.SELECTOR'). autocomplete({ 
    // Code 
}).on("autocompleteselect", function(event, ui) { 
    jQuery(this).val(''); 
});