jQuery - exécution de l'opération après que l'utilisateur a sélectionné une valeur

Question

Dans mon formulaire, j'ai un champ de zone de saisie semi-automatique qui se trouve dans un div qui est rempli dynamiquement par AJAX et la fonctionnalité de saisie semi-automatique fonctionne correctement. Après que l'utilisateur a sélectionné la valeur autocompleted de la liste dans la zone de texte, je dois faire une certaine opération sur le même et obtenir la valeur résultante imprimée sur une autre zone de texte. Comment puis-je atteindre cet objectif?

S'il vous plaît voir le code ci-dessous:

if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
    document.getElementById("waitimg").innerHTML=""; 
    document.getElementById("ajxform").innerHTML=xmlhttp.responseText; 
    $(function(){ 
     $("#item_no").autocomplete("auto/finditem.cfm"); 
    }) 
} 

J'ai déjà créé une fonction pour effectuer cette opération, donc je dois appeler cette fonction après que l'utilisateur sélectionne la valeur autocompleted.

Answer 1

Si vous utilisez le jquery-ui autocomplete vous le faites comme ça ...

$(function() { 
    $("#item_no").autocomplete({ 
     source: "auto/finditem.cfm", 
     select: function(even, ui) { 
     $("#another_textbox").val(ui.item.value); 
     alert(ui.item.value.substring(0, 10)); 
     } 
    }); 
}); 

La réponse que vous obtenez de l'URL définie dans la source peut être json format ou avoir un format comme celui-ci. ..

["ActionScript", "AppleScript", "Asp"] 

(plus de détails sur here).

Essayez de vérifier si la saisie semi-automatique fonctionne comme vous le souhaitez en utilisant ce code de test ....

$(function() { 
     var availableTags = ["ActionScript", "AppleScript", "Asp"]; 
     $("#item_no").autocomplete({ 
      source: availableTags, 
      select: function(even, ui) { 
      $("#another_textbox").val(ui.item.value); 
      alert(ui.item.value.substring(0, 10)); 
      } 
     }); 
    });