Remplir un formulaire avec jQuery

Je suis en train d'utiliser jQuery pour remplir un formulaire avec certaines valeurs par défaut.

La forme est contenue dans une div qui a un id. En fait, chaque élément a un id, je l'ai fait juste pour être en mesure de sélectionner rapidement toutes les pièces de la forme à l'aide de $("#id") syntaxe.
Voici le formulaire:

<div id="panel" style="position: absolute; left: 190px; top: 300px; width: 400px; height: 300px; border: medium groove brown; background: none repeat scroll 0% 0% black; z-index: 100; color: white;"><form id="form_coord_0">  
X <input type="text" style="height: 25px; font-size: 10px;" size="2" name="X" id="coordX_0"/>  
Y <input type="text" style="height: 25px; font-size: 10px;" size="2" name="Y" id="coordY_0"/>  
<input type="button" id="edit_0" value="M"/>  
<input type="button" id="remove_0" value="-"/>  
<input type="button" id="add_0" value="+"/>  
<input type="button" id="go_0" value="go!"/>  
<br/>  
</div>

J'ai besoin de régler le coordX_0 champ de texte avec une certaine valeur, disons: 123.

J'ai pensé que je pouvais faire

$("#coordX_0").text.value = 123;

Mais il ne semble pas fonctionner. Tout soupçon?

api.jquery.com/val, la documentation est votre ami.
Merci Jasper, je suis assez novice avec jQuery (enfin, même avec js:D ) je ne savais même pas à le val() la méthode existé.
La première chose que j'ai fait lors de l'apprentissage de jQuery a été de passer par la documentation de l'API et de voir toutes les fonctions disponibles et les démos de la façon de les utiliser. Je l'ai fait afin que je puisse avoir au moins une idée de base de ce que le cadre va me permettre de le faire. Par exemple, le .val() fonction peut prendre une fonction comme argument si vous souhaitez gérer plusieurs entrées d'un formulaire à la fois, vous pouvez voir ma réponse ci-dessous pour un exemple de comment faire ceci: stackoverflow.com/questions/8914161/fill-in-a-form-with-jquery/...
ma confusion est parce que quand j'ai cherché sur google comment faire pour modifier un formulaire avec javascript j'ai toujours trouvé quelque chose comme document.forme[0].texte.value= "123". Alors qu'avec jquery, j'ai chercher une fonction qui fait que.. je n'ai qu'à la pratique:)
Ce qui va sélectionner l'entrée nommée text dans la première forme dans les DOM (avis de l'index zéro signifie, en premier lieu) et définissez sa valeur à 123. Dans votre cas, vous devrez utiliser document.forms[0]['coordX_0'].value = "123"; Voici une démo: jsfiddle.net/86UdQ. Je recommande toujours la lecture de la documentation sous toutes ses facettes, il y a être certaines choses là-dedans que vous ignoriez l'existence.

OriginalL'auteur nick2k3 | 2012-01-18

21

Vous pouvez utiliser le val() fonction pour définir les valeurs d'entrée
```
$("#coordX_0").val(123);  
```
Par ailleurs, votre code d'origine pourrait être mis en oeuvre par la mise en valeur de la propriété sur le réel, les sous-jacents de l'élément dom. Vous accédez à l'élément dom par l'indexation de votre jQuery résultats:
```
$("#coordX_0")[0].value = 123;  
```
Merci beaucoup! Que résolu. Avez-vous ou quelqu'un sais où je peux trouver une documentation étendue sur quelle méthode je peux faire appel à de tels objets? (quelque chose comme la JavaDoc, mais pour le javascript et DOM).
Bien le jQuery docs sont fantastiques, mais natif dom docs?? - pas sur le haut de ma tête.
Essayez le MDN docs: developer.mozilla.org/en/DOM/HTMLInputElement. Juste une recherche sur Google (ou autre) pour [the property I want to know about] MDN où [the property I want to know about] serait quelque chose comme, element value.

OriginalL'auteur Adam Rackis
14

Toutes les réponses sont les mêmes, donc je pensais que je poste quelque chose de différent:
```
var inputs_to_values = {
    'coordX_0' : 'some value',
    'coordY_0' : 'some other value',
    'edit_0'   : 'N',
    'remove_0' : '_',
    'add_0'    : '-',
    'go_0'     : 'stop?'
};
$('#form_coord_0').find('input').val(function (index, value) {
    return inputs_to_values[this.id];
});
```
Vous pouvez passer .val() une fonction, ce qui est retournée par la fonction, pour chaque élément sera la nouvelle valeur:

Une fonction renvoyant la valeur à l'ensemble.

ce est l'élément courant.

Reçoit la position d'index de l'élément dans l'ensemble et le vieux
valeur en tant qu'arguments.

Source: http://api.jquery.com/val

Le code ci-dessus s'attend à ce que chaque entrée aura une propriété dans le inputs_to_values objet de sorte que vous pouvez convertir l'ID de l'entrée de la nouvelle valeur de cette entrée.

Voici une démo: http://jsfiddle.net/zYfpE/

Je cherchais quelque chose comme ça, j'étais sûr qu'il y a une méthode native en jquery, mais c'est de toute façon assez compact. L'aime vraiment.
Cette courte et facile à étendre la méthode est juste ce dont j'avais besoin et je pense qu'il répond à la question de la perfection. Merci!

OriginalL'auteur Jasper
3

Pour définir la valeur d'un champ de saisie de ses
```
$("#coordX_0").val(123)
```
OriginalL'auteur Pastor Bones
3
```
$("#coordX_0").val("123");
```
Vous avez besoin de les guillemets trop je pense. Bien qu'il puisse fonctionner dans les deux sens.

OriginalL'auteur Tom
3

Essayez plutôt ceci, à l'aide de la val méthode:
```
$("#coordX_0").val('some string or number');
```
OriginalL'auteur Matt Fenwick
3

Il suffit d'écrire:
```
$("#coordX_0").val(123);
```
Dans jQuery, text est une fonction pour extraire du texte dans les dom.

OriginalL'auteur Lai Yu-Hsuan
2

Utilisation val méthode pour définir le texte de toute input champ.
```
$("#coordX_0").val(123);
```
OriginalL'auteur ShankarSangoli
2

utilisation de la fonction val
```
$("#coordX_0").val("123");
```
OriginalL'auteur Jason
1

Utiliser ce lieu:
```
$("#coordX_0").val("123");
```
OriginalL'auteur Kyle Trauberman

Vous devez vous connecter pour publier un commentaire.