J'ai une forme très simple: à l'aide de jQuery, je détecte si le formulaire a été soumis: Comment faire Je reçois le texte saisi dans la zone de texte et l'option sélectionnée dans la zone Sélectionner dans le formulaire ci-dessus? Idéalement, je voudrais les mettre dans un tableau.
6 Réponses :
var theArray = $('#toBeTranslatedForm').serializeArray();
See the .serializeArray docs.On a pedantic note, that's not "from a submitted form", since you're asking for them before anything is actually submitted.
Mais comment puis-je appeler ce tableau parce que je ne peux pas voir où il définit la matrice réelle
@Ryanmurphy édité ... J'ai supposé que vous alliez lire le lien et vu qu'il a renvoyé un tableau.
Cela sorti simplement [objet, objet]
C'est un tableau d'objets, chacun de ces objets est une paire de valeur de nom.
@Ryanmurphy Pas vraiment, ce sont les valeurs de formulaire, dans un tableau, comme paires de valeur de nom.
Je pense que vous recherchez quelque chose comme ça. espère qu'il aide
Cela serifie le formulaire en tant que chaîne codée URL , pas un tableau de valeurs.
Voici comment vous pouvez obtenir de la valeur: Vous pouvez faire la même chose pour la zone de sélection en ajoutant cette ligne après la définition de la variable code> texteAreafal code> dans le code ci-dessus : P> var a = [textareaval,selectval];
Cela ne les met pas dans un tableau comme demandé.
Édité en 2017 mais l'exemple utilise toujours JQuery?
Après la soumission, vous pouvez utiliser simplement la valeur en procédant comme suit:
function outputTranslated()
{
$('#toBeTranslatedForm').submit(function() {
var textarea = $('#toBeTranslatedTextArea').val();
var allVals = [];
$('#translationOptions :checked').each(function() {
allVals.push($(this).val());
});
});}
Vous pouvez obtenir le formulaire de données l'événement de soumission
C'est la réponse la plus claire. Une légère amélioration: const données = objet.fromentries (nouveau formdata (formulaire)); alerte (data.userinput) .
avec vanilla js formdata :
<form id="form">
<select id="sl1" name="sl">
<option value="0" defaultSelected="true">-- Select --</option>
<option value="trek">-- Trek --</option>
<option value="rim">-- RIM --</option>
</select>
<label for="lg">remember</label>
<input type="checkbox" name="remember" id="lg" />
<button type="submit">submit</button>
</form>