Jquery Saisie semi-automatique des demandes chaînées

Question

J'ai une page avec deux champs de saisie Ville et Lieu. J'ai le plugin autocomplete de Devbridge qui fonctionne très bien pour le champ de la ville. Je veux maintenant que cela fonctionne sur le terrain. Le javascript que j'ai à ce jour est:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#Event_City').autocomplete({ 
      serviceUrl: '<%=Url.Action("GetCities", "Search") %>', 
      minChars:2, 
      width: 300, 
      delimiter: /(,|;)\s*/, 
      deferRequestBy: 150, //miliseconds 
      params: { country: 'Yes' }, 
     }); 
     $('#Event_Venue').autocomplete({ 
      serviceUrl: '<%=Url.Action("GetVenues", "Search") %>', 
      minChars:2, 
      width: 300, 
      delimiter: /(,|;)\s*/, 
      deferRequestBy: 150, //miliseconds 
      params: { city: $("#Event_City").val() }, 
     }); 
    });  
</script> 

La deuxième saisie semi-automatique passe un paramter supplémentaire (ville) à l'action sur mon contrôleur. J'utiliserai alors ceci pour limiter mes réponses aux endroits dans cette ville. Ce paramètre est reçu mais ne contient pas la valeur courante entrée dans #Event_City. Au lieu de cela, il contient la valeur par défaut.

Est-ce que quelqu'un sait comment évaluer la valeur lorsque la saisie semi-automatique est appelée?

Je commence juste avec Javascript alors s'il vous plaît soyez gentil.

Merci,

Answer 1

@Ian Mckay - Afin d'obtenir la saisie semi-automatique pour le Lieu pour filtrer en fonction de la ville, vous avez besoin de se lier en cas de la Ville comme « changement » suit:

$(document).ready(function() { 
    $('#Event_City').autocomplete({ 
     serviceUrl: '', 
     minChars:2, 
     width: 300, 
     delimiter: /(,|;)\s*/, 
     deferRequestBy: 150, //miliseconds 
     params: { country: 'Yes' }, 
    }).change(function(){ 
     $('#Event_Venue').autocomplete({ 
      serviceUrl: '', 
      minChars:2, 
      width: 300, 
      delimiter: /(,|;)\s*/, 
      deferRequestBy: 150, //miliseconds 
      params: { city: $("#Event_City").val() } 
     }); 
    }); 
}); 

Answer 2

La raison pour laquelle il contient la valeur par défaut est parce que la saisie semi-automatique est attaché à la zone de texte lorsque la page est chargée. Pour qu'il soit mis à jour avec la nouvelle valeur, le plugin doit vous fournir un moyen de mettre à jour les propriétés de son objet paramètre ou vous permettre de le détruire sur le second élément et de le reconstruire chaque fois que l'utilisateur change le premier sa valeur. La bibliothèque de saisie semi-automatique que vous avez choisie semble assez légère (pas toujours une mauvaise chose ... juste dans votre cas c'est ...) et ne semble pas supporter cette fonctionnalité.

Ma meilleure suggestion pour vous serait d'essayer une autre bibliothèque. J'ai tendance à aimer ce très bien comme il est assez polyvalent (demo page):

http://view.jquery.com/trunk/plugins/autocomplete/demo/