Obtenir les valeurs de formulaire soumis

J'ai un formulaire très simple:

<form id="toBeTranslatedForm" action="actionpage.php" method="POST" >
        <textarea name="userInput" id="toBeTranslatedTextArea"></textarea>
        <select id="translationOptions">//dynamically filled</select>
        <input type="submit" value="Translate" />
</form>

À l'aide de Jquery, je suis détecter si le formulaire a été soumis:

function outputTranslated()
{
    $('#toBeTranslatedForm').submit(function() {
        //do stuff
    });
}

Comment puis-je obtenir le texte tapé dans la zone de texte et l'option sélectionnée dans la boîte de sélection de la forme ci-dessus? Idéalement, je voudrais les mettre dans un tableau.

OriginalL'auteur RSM | 2012-06-08

  1. 0

    Ici est de savoir comment vous pouvez obtenir la valeur:

    function outputTranslated() {
    $('#toBeTranslatedForm').submit(function() {
       var textareaval = $('#userInput').val();
       alert(textareaval);
    });
}

    Vous pouvez faire de même pour la boîte de sélection en ajoutant cette ligne après la textareaval définition de la variable dans le code ci-dessus:

    var selectval = $('#translationOptions').val();

    Ensuite, vous pouvez soit utiliser serialise, ou vous pouvez le mettre dans un tableau manuellement:

    var a = [textareaval,selectval];
    Ce ne sont pas les mettre dans un tableau tel que demandé.
    mise à jour de réponse.. s'il vous plaît vérifier
    Édité en 2017, mais l'exemple utilise encore jquery?

    OriginalL'auteur Jadzia

  2. 4
    var theArray = $('#toBeTranslatedForm').serializeArray();

    Voir le .serializeArray docs.

    Sur un pédant remarque, ce n'est pas "à partir d'un formulaire soumis", puisque vous êtes en demandant pour eux avant tout est soumis.

    Mais comment dois-je appeler sur ce tableau parce que je ne peux pas voir où il définit le tableau réel
    Édité... j'ai supposé que tu avais lu le lien et vu qu'il est rentré d'un tableau.
    ce produit juste [object, object]
    C'est un tableau d'objets, chacun de ces objets sont une paire nom / valeur.
    Pas vraiment, c'est la forme de valeurs, dans un tableau, comme des paires nom / valeur.

    OriginalL'auteur Dave Newton

  3. 2

    Je pense que vous r la recherche de quelque chose de ce genre.

    $('#toBeTranslatedForm').submit(function() {
  alert($(this).serialize());
  return false;
});

    Espère que cela aide

    Qui sérialise le formulaire comme URL-encodé string, pas un tableau de valeurs.

    OriginalL'auteur Joe

  4. -1

    après la présentation, vous pouvez utiliser simplement obtenir 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());
 });
});}

    OriginalL'auteur franciscovalera