Posez votre question Signaler

Jquery et formulaire et selecteur

dert972 5Messages postés 6 avril 2009Date d'inscription - Dernière réponse le 22 avril 2009 à 18:50
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
Lire la suite 

Jquery et formulaire et selecteur »

3 réponses
Réponse
+7
moins plus
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
serialg - 22 avril 2009 à 18:50
Sorry, j'ai bêtement recopié ton code sans le corriger ! :)
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>

:)
Ajouter un commentaire
Réponse
-3
moins plus
up
Ajouter un commentaire
Ce document intitulé « Jquery et formulaire et selecteur » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?