2013-10-17 1 views
0

J'ai fait autocomplétion à une zone de texte comme indiqué ci-dessous,valeur ne passe pas à fonctionner sur événement déclencheur de changement, jquery automatique complet

<input type='text' style='width:100px;' id='tags'> 

Voici la fonction qui est chargement automatique complet sur chargement de la page.

window.onload=function Search_Items() { 
    var action = "Search"; 
    $.ajax({ 
     method:'GET', 
     url:'Ajax.php', 
     data: {action:action}, 
     success:function(result) { 
      document.getElementById("Search_Result_Div").innerHTML=result; 
      var temp=document.getElementById("Search_Result").value; 
      availableProducts=temp.split("`"); 

      $(function() { 
       var Product=$("#tags").autocomplete({ 
        source: availableProducts, 
        select: function() {Data_Modification($(this).val());} 
       }); 

       Product.autocomplete('option','onclick').call(Product); 
      });     
     } 
    }); 
}; 

Ici, je viens d'appeler une fonction et reçoit une valeur (valeur est en ce choisie autocomplétion). Mais ici, ce n'est pas la valeur que je choisis, mais plutôt ce que j'ai tapé pour la recherche. Ce que j'ai déduit est, c'est l'appel de la fonction, puis remplir la zone de texte avec la valeur de ce qui est choisi. Mais j'ai besoin de remplir la zone de texte avec la valeur choisie, puis appeler cette fonction. Comment le résoudre? S'il vous plaît si quelqu'un a eu ce problème avant. Aidez-moi s'il vous plaît.

+0

J'ai trouvé une solution. J'ai réécrit ce "select: fonction() {Data_Modification ($ (this) .val());}" pour "sélectionner: fonction (événement, ui) {Data_Modification (ui.item.value);}" et cela fonctionne très bien . – Satheesh

Répondre

2

Essayez cette

$(function() { 
    var Product=$("#tags").autocomplete({ 
     source: availableProducts, 
     select: function (event, ui) {Data_Modification(ui.item.value);} 
    }); 
    Product.autocomplete('option','onclick').call(Product); 
}); 
+0

Merci beaucoup pour votre temps. J'ai compris. – Satheesh

0

J'ai trouvé moi-même solution. Je réécris ce

select: function() {Data_Modification($(this).val());} 

à

select: function (event,ui) {Data_Modification(ui.item.value);} 

et il est fonctionne très bien.

Questions connexes