Discussion :

[Invité]

Bonjour à tous,

j'ai créé un formulaire qui a cette allure :

Code HTML :

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

1
2
3
4
5
6
7
8
9
<form id="form_mod" name="form_mod" action="lister_utilisateurs.php" method="post" onsubmit="return valider()">
  <select name="service">
     <option value="" selected="true">Sélectionnez un service</option>
     <option>service1</option>
     <option>service2</option>
     <option>service3</option>
   </select>
  <input type="submit" id="bouton_envoyer" value="Envoyer" />
</form>

Le but et de ne rendre possible la validation UNIQUEMENT si un service a été sélectionné.

J'ai donc intégré ce code Javascript à ma page :

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
//<![CDATA[
 
function valider(){
  // si l'utilisateur a sélectionné un service
  if(document.form_mod.service.value != "") {
    // On valide et envoie le formulaire
    return true;
  }
  else {
    // sinon on affiche un message
    alert("Vous devez obligatoirement sélectionner un service");
    // et on n'envoie pas le formulaire
    return false;
  }
}
 
//]]>
</script>

Cela fonctionne très bien sous Firefox. Mais sous IE (6, 7, 8) j'ai toujours le alert() même si j'ai sélectionné un service.

Quelqu'un pourrait-il me dire ce qui ne va pas ?
Merci

[Bovino]

En mettant des value à tes options, ce sera plus facile de les tester

[Invité]

Exact en ajoutant un attribut value avec la valeur ça fonctionne sous IE

Code HTML :

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

1
2
3
4
5
6
7
8
9
<form id="form_mod" name="form_mod" action="lister_utilisateurs.php" method="post" onsubmit="return valider()">
  <select name="service">
     <option value="" selected="true">Sélectionnez un service</option>
     <option value="service1">service1</option>
     <option value="service2">service2</option>
     <option value="service3">service3</option>
   </select>
  <input type="submit" id="bouton_envoyer" value="Envoyer" />
</form>

Je croyais que, par défaut, s'il n'y avait pas d'attribut value dans une balise option la valeur renvoyée était celle située à l'intérieur de la balise option.

En tout cas merci Bovino.

Sujet Résolu

[Bovino]

Je croyais que, par défaut, s'il n'y avait pas d'attribut value dans une balise option la valeur renvoyée était celle située à l'intérieur de la balise option.

C'est le cas pour Firefox, pas pour IE

Cependant, personnellement, je trouve pour une fois que c'est IE qui a le comportement le plus adapté.

[Invité]

Je suis d'accord avec toi. Mais ce que je trouve bizarre, c'est que les valeurs sont bien envoyées à lister_utilisateurs.php c'est le Javascript qui ne fonctionnait pas.

Only selected options will be successful (using the control name "component-select"). When no options are selected, the control is not successful and neither the name nor any values are submitted to the server when the form is submitted. Note that where the value attribute is set, it determines the control's initial value, otherwise it's the element's contents.

Forms in HTML documents