Discussion :

[Pifon]

Bonjour à tous

j'imagine que c'est une question qui a déja été posée mais je n'arrive pas à trouver la reponse avec la fonction recherche et google...

Voila mon souci: j'ai un formulaire

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="rectangle2">
	<div id= "suivant"></div>
	<form name="formu" >
		<p>
			Civilite : <input type = "text" name="civil" id= "civilite" /><br>
			Nom : <input type = "text" id= "nom" /><br>
			Prenom : <input type = "text" id= "prenom" /><br>
			<!--<input type="button" value = "valider" onclick="return verif_etape1(document.formu).submit();"/>-->
		</p>
	</form>
</div>

Et j'aimerai recupérer le contenu de l'input qui a pour id civilite, j'ai donc fait :

Code :

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

var valeur = $('input[name=civil]').val();

ou :

Code :

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

var valeur = $('#civilite').val();

pour tester j'essaye d'afficher le contenu de valeur dans une popup en faisant :

Code :

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

alert('La valeur du champ prenom est : ' + valeur);

helas, la popup s'affiche bien mais elle n'indique pas le contenu de valeur!!
Elle n'affiche que : La valeur du champ prenom est :

Si quelqu'un à une explication ....

D'avance merci

[danielhagnoul]

Bonsoir

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
$( function( ){
 
    $( "#civilite" ).on( "change", function(){
       alert( $( this ).val() ); 
    });
 
    setTimeout( function(){
        alert( "Valeur actuelle : " + $( "input[name='civil']" ).val() );
    }, 10000 ); // 10s
 
});
</script>

[Pifon]

Merci pour ta réponse.
effectivement hier j'ai constaté que

Code :

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

var valeur = $('#civilite').val();

permettait bien de récupérer la valeur de linput mais pas de l'aafficher dans une popup.

ta solution fonctionne parfaitement mais j'ai du mal à comprendre le .on('change' ...

[danielhagnoul]

L'événement "change" se produit lorsque l'utilisateur, après avoir modifié le contenu de l'input, donne le focus à un autre élément du DOM en cliquant dessus.

Faites un essai, modifiez le contenu de l'input et ensuite cliquez sur le fond de la page.