Jquery et formulaire et selecteur
dert972
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
serialg -
serialg -
Bonjour,
Je suis debutant en jquery,
une question toute bete surement pour les plus initié:
jai mon champs test:
<input type='text' name='test' value='value test'>
et mon jquery
<a href="#" onClick="alert($('lol').value); return none;">Click me!</a>
Ca parait simple mais pourtant lors que je click sur mon lien, jai un [undefined] au lieu de la valeur du champ
J'ai surement oublié quelque chose de basic.
Ps :Jquery est bien installé car j'arrive a utilise .hide() et .show() sur une div
Je suis debutant en jquery,
une question toute bete surement pour les plus initié:
jai mon champs test:
<input type='text' name='test' value='value test'>
et mon jquery
<a href="#" onClick="alert($('lol').value); return none;">Click me!</a>
Ca parait simple mais pourtant lors que je click sur mon lien, jai un [undefined] au lieu de la valeur du champ
J'ai surement oublié quelque chose de basic.
Ps :Jquery est bien installé car j'arrive a utilise .hide() et .show() sur une div
A voir également:
- Jquery et formulaire et selecteur
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Formulaire rempli et signé - Guide
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
2 réponses
En fait, tu as une erreur de syntaxe, je m'explique:
à la place de 'lol', il te faut indiquer une référence à ton input.
Dans ton exemple, il te faudrait rajouter id="test" dans ton input et ensuite aller chercher la valeur de cet input par $('#test').val();
ce qui donnerait:
<input type='text' name='test' id='test' value='value test'>
<a href="#" onClick="alert($('#test').value); return none;">Click me!</a>
Si tu préfères toutefois ne pas utiliser d'id dans ton input (c'est pourtant plus simple qu'un 'name'), il te faudra utiliser la syntaxe suivante :
<input type='text' name='test' value='value test'>
<a href="#" onClick="alert($('input[@name=test]').value); return none;">Click me!</a>
Plus d'information sur la syntaxe de cette commande Jquery:
http://jquery.developpeur-web2.com/documentation/selecteurs.php
à la place de 'lol', il te faut indiquer une référence à ton input.
Dans ton exemple, il te faudrait rajouter id="test" dans ton input et ensuite aller chercher la valeur de cet input par $('#test').val();
ce qui donnerait:
<input type='text' name='test' id='test' value='value test'>
<a href="#" onClick="alert($('#test').value); return none;">Click me!</a>
Si tu préfères toutefois ne pas utiliser d'id dans ton input (c'est pourtant plus simple qu'un 'name'), il te faudra utiliser la syntaxe suivante :
<input type='text' name='test' value='value test'>
<a href="#" onClick="alert($('input[@name=test]').value); return none;">Click me!</a>
Plus d'information sur la syntaxe de cette commande Jquery:
http://jquery.developpeur-web2.com/documentation/selecteurs.php
La fontion est la suivante :
$(blablal).val() et non $(blabla).value
Ce qui donne le code suivant:
<input type='text' name='test' id='test' value='value test'>
<a href="#" onClick="alert($('#test').val()); return none;">Click me!</a>
Ou sans l'attribut id
<input type='text' name='test' value='value test'>
<a href="#" onClick="alert($('input[@name=test]').val()); return none;">Click me!</a>
:)