Discussion :

[uskiki85]

Bonjour,

Je voudrai faire un filtre sur un select mais je ne sais trop comment faire. Je voudrais que dès que l'on commence à taper une lettre ds mon champ filtre, mon select se mette à jour. Ainsi à chaque lettre tappé sur mon filtre, mon select s'actualise.

type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<select name="Liste" 
            <?php 
            $req="SELECT toto FROM tata WHERE toto LIKE '%$Monfiltre%'"; 
             $result = mysql_query($req);
              while($row = mysql_fetch_array($result))
             { echo '<option value="'.$row[0].'">'.$row[0].'</option>';}
             ?>
</select>

<INPUT NAME="Monfiltre" ???>

Merci pour votre aide

[coach759]

bonjour,

Si tu veux que le champs select change en fonction de ce que tape l'utilisateur, il faut que soit tu recharge la page à chaque fois ou soit il te faut utiliser du javascript.

La première solution est plus simple à réaliser, mais je te l'accordes, beaucoup moins joli...

[uskiki85]

Aurais tu un exemple de code stp ?

[Amara]

Ca va dépendre aussi de la taille de ta table de recherche parce que je vois mal exécuter une requête à chaque caractère saisi, d'autant plus avec un % pour commencer le filtre, niveau ressource ça va être violent... Si la table est pas trop grosse il faut voir si c'est possible de charger la table dans une variable et ensuite travailler en JS/Ajax sur cette liste au fur et à mesure.

[uskiki85]

non ma table n'est pas très grosse.

Je ne veux pas le code clé en main mais juste les grandes lignes de celui-ci par exemple en fct de l'ébauche de code que j'ai mis ou sinon un exemple simplifié

en effet, ce que je met ds mon filtre affecte directement mon select car celui-ci modifie ma requete .

merci

[Amara]

non ma table n'est pas très grosse.

Dans ce cas charge la liste des mots à filtrer dès le chargement de ta page et travaille sur cette liste, ne va pas faire des requêtes en BDD à tout bout de champ...
Charger la liste en PHP, créer une variable JS avec cette liste, et sur le onchange de ton champ appeler une fonction JS qui fait la recherche dans la liste. A retravailler c'est sans trop réfléchir ça et je maîtrise pas assez JS après

[coach759]

Je veux bien essayé de t'aider, mais je vais pas t'écrire le code "clé en main"


Dans ton javascript,
Dès que l'utilisateur ajoute une lettre dans ton input (tu peux utiliser l'événement onkeypress), tu fait une petite requete ajax, qui appel une page php, qui va chercher dans ta base de données et renvoyer les résultats.

Ensuite ce que tu reçois en réponse tu l'affecte à ton select.

J'espère que ça va t'éclairer, si tu as des questions n'hésite pas.