Discussion :

[nicoaix]

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 :

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

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 :

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

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.

[siddh]

Code :

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

type="text/JavaScript">

tout en minuscule et enleve le language

Code :

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

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 :

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

onchange='recup(this)'

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

[pc75]

Bonjour,

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

Code :

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

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

au lieu de :

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

[Thzith]

en effet, une option s'écrit:

Code :

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

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

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

Code :

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

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>

[siddh]

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

Pour ce qui est de faire

Code :

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

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

ou

Code :

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

<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 :

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

<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 :

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

  document.nomduForm.nomduSelect

  - en utilisant un id :

  Code :

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

  document.getElementById('select_nom')

  - en le passant en paramètre :

  Code :

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

  function recup(elem){

[denisC]

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

[siddh]

meme pas vu qu'il avais pas mis d'id
cafééééééééééé