Probléme de liste déroulante et GET

Résolu
fm825 Messages postés 522 Date d'inscription   Statut Membre Dernière intervention   -  
Mihawk Messages postés 4753 Statut Contributeur -
Bonjour,

Actuellement j'essaie de réaliser un petit formulaire qui renvoie les données dans l'url avec GET mais j'ai un problème.
Voilà j'ai ma liste déroulante comme cela:

       <label for="pays">Vous pouvez sélectionner une catégorie ?</label><br />
       <select name="cat">
           <option value="cat1">Catégorie 1</option>
           <option value="cat2">Catégorie 2</option>
           <option value="cat3">Catégorie 3</option>
         </select> 


Je voudrais pouvoir éviter de rajouter
           <option value="">Pas de catégorie sélectionné </option>


Car cela rajouterais une valeur inutile dans l'url et donc je voudrais savoir comment ne pas renvoyé de valeur si l'on ne désire pas sélectionner car j'ai essayé en mettant :
<option >Pas de catégorie sélectionné </option>
Mais ici la valeur retourné et 'Pas de catégorie sélectionné '
Donc si quelle qu'un sait comment faire ...

Merci

4 réponses

  1. pitxu Messages postés 708 Statut Membre 95
     
    Bonjour,

    en général on procède de cette façon :

    <label for="pays">Catégorie : </label><br />
           <select name="cat">
               <option selected value="nocat">Sélectionner<option>
               <option value="cat1">Catégorie 1</option>
               <option value="cat2">Catégorie 2</option>
               <option value="cat3">Catégorie 3</option>
             </select>
    0
  2. fm825 Messages postés 522 Date d'inscription   Statut Membre Dernière intervention   36
     
    Il n'y a pas de moyen de ne pas avoir "cat=" dans l'url car sa rallonge l'url pour rien...
    0
  3. Mihawk Messages postés 4753 Statut Contributeur 846
     
    Hello,

    Si... tu peux toujours vérifier la liste déroulante en javascript dans la méthode "onSubmit" du formulaire ; et si rien n'est sélectionné tu supprimes totalement la liste déroulante avant de valider celui-ci.

    Mais c'est lourd pour gagner 4 caractères d'URL franchement !

    Mihawk
    "Tant qu'on ne fait pas, on ne sait pas."
    0
  4. fm825 Messages postés 522 Date d'inscription   Statut Membre Dernière intervention   36
     
    ok
    je vais gardé cela comme sa donc...

    Merci
    0
    1. Mihawk Messages postés 4753 Statut Contributeur 846
       
      <form [...] onSubmit="return verifierFormulaire()"> 
         [...] 
      </form> 
      
      


      Attention évidemment à ce que le select soit seul dans un div parent.
      Exemple :

      <div> 
         <select id="monSelect" name="cat"> 
             <option selected value="nocat">Sélectionner<option> 
             <option value="cat1">Catégorie 1</option> 
             <option value="cat2">Catégorie 2</option> 
             <option value="cat3">Catégorie 3</option> 
         </select> 
      </div>
      0