2010-04-13 7 views
2

Je crée l'interface utilisateur d'une application Web et je n'ai pas encore effectué de travail back-end. Pour tester, je veux que mes formulaires fonctionnent, donc je veux prendre l'entrée qu'ils ont reçue et la stocker dans des variables javascript pour pouvoir y accéder, en utilisant jQuery. Tout ce que j'ai regardé, me dit comment passer des variables js dans le formulaire, et non l'inverse.Comment puis-je prendre des entrées/sorties d'un formulaire et les stocker dans une variable JS?

Des idées?

Merci.

Répondre

4

var variable = $('#myInput').val(). Ou si votre formulaire est soumis en utilisant GET, vous pouvez regarder plugin pour avoir accès aux variables sur la nouvelle page.


Edit:

sous forme d'échantillon (devrait être une zone de texte simple):

<html> 
    <body> 
     <form action="#"> 
      <input type="text" id="myInput" name="myInput"/> 
     </form> 
    </body> 
</html> 

Avec ce formulaire, vous pouvez utiliser le code ci-dessus de l'échantillon. Incidemment, vous pouvez utiliser la méthode .val() sur n'importe quel sélecteur jQuery renvoyant des éléments de formulaire, par ex. $('input:text').val() vous obtiendrez la valeur de tous les champs de saisie de texte (en tant que tableau s'il y a plusieurs valeurs).

+0

Où #myInput est quoi? Le nom du formulaire, l'élément dans l'attribut 'action' du formulaire? Ou le nom de 'l'entrée' qui a le bouton soumettre? – marcamillion

+2

Dans cet exemple, 'myInput' est l'id de l'élément d'entrée, d'où le sélecteur d'identifiant' # '. – keithjgrant

+0

Pourriez-vous fournir un exemple de code de ce à quoi pourrait ressembler le formulaire? Merci. P.S. N'essayant pas d'être une douleur, mais je l'ai essayé et cela ne fonctionne pas. – marcamillion

0

J'ai couru à travers cette question assez génial sur la façon de serialize a form to JSON with jQuery ce qui serait un bon début.

Vous pouvez également jeter un oeil sur le plug-in jQuery Form qui fournit la méthode formSerialize que

sérialisés la forme dans une chaîne de requête. Cette méthode retourne une chaîne dans le format suivant: nom1 = valeur1 & nom2 = valeur2

ainsi qu'une méthode fieldSerialize qui

sérialisés éléments de champ dans une chaîne de requête. C'est pratique lorsque vous devez sérialiser seulement une partie d'un formulaire. Cette méthode renvoie une chaîne au format: nom1 = valeur1 & nom2 = valeur2

Questions connexes