comment récupérer le contenu d'un input ?

**khadi8** · 02/11/2012, 11h42

Salut !
voici d'abord mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<script type="text/javascript">
function bienvenu(nom)
{
document.write('Bienvenu '+nom);
}
</script>
 <form method="get">
 <label> Entrer votre prénom</label>&nbsp; &nbsp;<input type="text" name="nom"/>&nbsp;&nbsp;<input type="button" name="valisation" value="valider" onClick="bienvenu(nom)"/>
 </form>
</body>
</html>

Je veux que la fonction bienvenu m'affiche le prénom qui sera saisi dans le input name="nom", mais je sais pas comment faire, merci de m'aider svp

**NoSmoking** · 02/11/2012, 16h27

Bonjour,
poses toi la question de ce que représente nom dans l'appel de la fonction, un indice un élément HTML, parce que les navigateurs sont sympa.

Dans ta fonction bienvenu, évites le document.write qui effacera le contenu de la page pour le remplacer par le paramètre passé à cette méthode.

Pour récupérer la valeur d'un champ INPUT on récupères sa value.

Pour récupérer la référence à un élément on utilise la méthode getElmentById(), donc il faut mettre une ID à l'élément.

Code html :

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

<input type="text" id="nom" name="nom">

La fonction javascript pourrait ressembler à cela.

Code :

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

1
2
3
4
5
function bienvenu( nom){
  var oElem = document.getElementById( nom);
  var valeur = oElem.value;
  alert( valeur);
}

Attention dans ce cas nom est de type String, et doit donc être passée entre quote.

Code html :

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

<input type="button" name="valisation" value="valider" onClick="bienvenu('nom')">

**sekaijin** · 04/11/2012, 17h17

il faut mettre un id sur ton input
la norme ne garantie pas que lorsque l'id n'est pas renseigné le nom peut être utilisé à la place.

en fait tu peux avoir deux input de même nom dans la page mais tu ne dois pas avoir deux élément de même id

A+JYT

comment récupérer le contenu d'un input ?

JavaScript

Discussions similaires

Partager

Partager