Récupérer la valeur d'un champ input text

Bonjour,

Question de débutant :

Pourquoi ce code me renvoit-il undifined ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function test2() { $(document).ready(function () { var essai = $("txt").val(); alert(essai);   }); }   <input id="txt" type="text" value="Type something"></input> <input type="button" onclick="test2()" value="Envoyer" />

---

Merci pour votre aide

Code:

---

var essai = $("txt").val();

---

Parce que tu n'as pas de balise <txt>... :aie:
:fleche: Introduction à la bibliothèque JavaScript jQuery : Les sélecteurs

et le ready n'a rien a faire DANS une fonction ...

Merci pour ta réponse.
Erreur de débutant.
Il fallait mettre l'id.
Je mes le code corrigé. Cela servira peut être à quelqu'un :

Code:

---

1 2 3

var essai = $("#txt").val(); alert(essai);

---

Space, Bovino pouvez vous me donner un exemple avec le ready hors de la fonction ?

Citation:

---

Envoyé par elcoyotos

Space, Bovino pouvez vous me donner un exemple avec le ready hors de la fonction ?

---

Heu... il suffit juste de remonter de quelques lignes sur le lien que je t'ai donné ou de consulter la :faq: : Qu'est-ce que la notion de Ready ?

Le ready est juste un espace temporel dans lequel tout les éléments de la page sont instanciés, il sert à attribuer les évènements aux objets de la page lors du chargement.

un document.GetElementById() ou $("#...") retournera un undefined si lancé avant que l'objet ne soit instancié dans la page .

Oui, ça, j'ai compris.
Ce qui m'échappe, c'est que avec ça :

Code:

---

1 2 3 4

$(document).ready(function(){ var essai = $("#txt").val(); alert(essai); });

---

J'ai l'alert au chargement de la page.

et quand je fais ça :

Code:

---

1 2 3 4 5 6 7 8 9

$(document).ready(function(){ function test2() { var essai = $("#txt").val(); alert(essai); } }); <input id="txt" type="text" value="Type something"></input> <input type="button" onclick="test2()" value="Envoyer" />

---

Il ne se passe rien ...

Comment dois je faire pour l'avoir sur un évènement onclick ????
Ces questions doivent vous faire marrer mais je suis un gros débutant et même en lisant la FAQ, je ne trouve pas la réponse....

en attribuant l'evenement click sur un element

Code:

---

1 2	$(document).ready(function(){ $("#idelt").click( function(){ alert( $("#txt").val() ) ; })

---

Merci beaucoup :ccool:
J'ai capté le principe :mrgreen: