2011-09-02 4 views
0

J'ai un script qui fournit des suggestions pour un champ de saisie basé sur un utilisateur qui tape un caractère dans le champ de saisie. Il utilise une fonction pour faire des suggestions dans une virgule Délimité en utilisant ce code HTML:liste déroulante pour les suggestions de recherche avec invite

<body> 
    <form> 
     First name: 
     <input type="text" onkeyup="showHint(this.value)" size="20" /> 
    </form> 

    <p>Suggestions: <span id="txtHint"></span></p> 
</body> 

Maintenant, je veux utiliser un menu déroulant au lieu d'une chaîne de suggestion. Je pense que je dois mettre le champ d'entrée et les options sélectionnables dans un div, mais je ne peux pas comprendre comment obtenir une option dans le champ de saisie après qu'il a été sélectionné. Comment je fais ça?

+0

Utiliser la saisie semi-automatique de jQuery: http://docs.jquery.com/Plugins/autocomplete –

Répondre

0

Vous pouvez obtenir l'attribut value (ou le nœud de texte) de l'option sélectionnée et le remplir dans la zone de saisie.

$(<input>).value(
    originalValue +", " + $(<select>).val() 
); 

JQuery Autocomplete comme suggéré @DemianBrecht serait l'autre chemin à parcourir, si vous cherchez à créer plus interface fonctionnalités complète.

+0

Cela aurait-il un sens de faire tout le formatage html dans PHP et de substituer le format html pour les suggestions de texte délimitées par des virgules que le script affiche actuellement ? – niche

+0

@niche - Je ne comprends pas vraiment ce que vous vouliez dire par là. – mmhan

Questions connexes