Récupérer valeur d'un select

Bonjour,
Je pose ma question APRES avoir essayé l'exemple donné dans la FAQ et qui ne fonctionne pas dans mon code.

Voici ce que fait mon code:j'ai un menu déroulant intitulé select_nom qui récupère ses valeurs grace à une requete php dans ma base.
Je veux afficher le nom sélectionné dans la liste dans un message d'alerte.

Code entre les balises head:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script language="JavaScript" type="text/JavaScript"> function recup(){   var nom = document.getElementById('select_nom').options[document.getElementById('select_nom').selectedIndex].text   alert("nom="+nom)   }   </script>

---

Code du select:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<select name="select_nom" onchange='javascript:recup()' style='width:145px;'> <? $sql_user="SELECT * FROM users ORDER BY nom"; $query_user=mysql_query($sql_user); $num_user=mysql_num_rows($query_user); For($i=0;$i<$num_user;$i++) { $nom = mysql_result($query_user,$i,'nom'); echo"\n<option> $nom </option>"; } ?> </select>

---

Pour info mon formulaire s'appelle form1.

Pouvez-vous me dire pourquoi je n'ai aucun message d'alerte qui ne s'affiche?

Merci.

Code:

---

type="text/JavaScript">

---

tout en minuscule et enleve le language ;)

Code:

---

1 2 3 4 5 6 7 8 9 10

<script type="text/javascript"> function recup(elem){   var nom = elem.options[elem.selectedIndex].text;   alert("nom="+nom);   }   </script>

---

et

Code:

---

onchange='recup(this)'

---

pour t'éviter les getElementById et la rendre utilisable par d'autres select

Bonjour,

Heu... je ne connais rien en PHP, mais la syntaxe d'une balise select ne serait pas plutot ça ?

Code:

---

1 2	echo"\n<option [b]value="$nom"[/b]> $nom </option>";

---

au lieu de :

Citation:

---

echo"\n<option> $nom </option>";

---

en effet, une option s'écrit:

Code:

---

<option value="valeur_a_recuperer">valeur_a_afficher<option>

---

mais dans le code javascript, ce ne serait-pas ca par hasard??:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script type="text/javascript"> function recup(elem){   var nom = document.nomduForm.nomduSelect.selectedIndex.value;   alert("nom="+nom);   }   </script>

---

Il faut effectivement mettre des value= car sinon on récupère rien sur le serveur.

Pour ce qui est de faire

Code:

---

<option value='toto'>toto</option>

---

ou

Code:

---

<option value='toto' />toto

---

eh bien tout depend si on est à l'aise avec les balises autofermantes ou pas.

Ce qui serait syntaxiquement incorrect c'est ça :

Code:

---

<option value='toto'>toto

---

.

Pour ce qui est de la récupération, il faut accéder au tableau d'options pour récupérer l'option selectionnée et ensuite a son value ou a son text, selon ce que l'on veut récupérer comme donnée.

Ensuite, pour accéder à l'élément, plusieurs possibilités :

• - en utilisant l'attribut name :
  Code:

  ---

  document.nomduForm.nomduSelect

  ---

  - en utilisant un id :
  Code:

  ---

  document.getElementById('select_nom')

  ---

  - en le passant en paramètre :
  Code:

  ---

  function recup(elem){

  ---

getElementById renvoit un élément désigné par son id (et pas par son name)!!!

8O meme pas vu qu'il avais pas mis d'id :oops:
:arrow: cafééééééééééé