Obtenir textfield valeur sans soumettre (html)

Puis-je obtenir la valeur d'un champ de texte en html sans forme et sans soumettre?

J'ai actuellement un formulaire sur mon site web et à l'intérieur de ce formulaire, j'ai un champ de texte. Malheureusement je ne peux pas avoir 2 formes en même temps (mais j'ai vraiment besoin de séparer les deux actions), je suis à la recherche d'un moyen d'obtenir la valeur du champ sans le soumettre.

Toute aide est très appréciée!

OriginalL'auteur nimrod | 2011-12-06

  1. 11

    Essayer document.getElementById("textfield-id").value

    Merci homme. J'étais sur la bonne voie, mais seulement le nom de la propriété. Il fonctionne comme un charme avec le champ id. Merci!!!!
    Vous êtes les bienvenus. S'il vous plaît, accepter la réponse si elle vous convient 🙂

    OriginalL'auteur Pablo

  2. 0
    document.getElementById('my_txt_box_id').value

    où votre zone de texte 's id est "my_txt_box_id"

    Ne fait que s'adapter à votre besoin ?

    OriginalL'auteur remi bourgarel

  3. 0

    Vous pouvez obtenir une référence dans le champ de texte de l'élément (via getElementById ou de nombreux autres DOM mécanismes), et puis regarder son value propriété.

    Séparément, si votre form élément a un name, et votre élément d'entrée a un nom, vous pouvez y accéder via window: window.formName.textFieldName.value je ne pense pas que cela est couvert par une active spec (encore), mais ce sera probablement à un certain stade (probablement par une évolution de l' ce projet de spec ou un remplacement de celui-ci) car il est presque universellement pris en charge.

    Références:

    En alternance:

    ...Je ne peux pas avoir 2 formes en même temps (mais j'ai vraiment besoin de séparer les deux actions).

    Vous pouvez avoir deux boutons submit, avec le même nom mais avec des valeurs différentes, et de différencier lequel on a cliqué sur le serveur (la valeur de celui qui a été cliqué sera envoyé). Donc, si vous avez deux soumet appelé "commande" et on a la valeur de "Foo" et "Bar", en cliquant sur le "Foo" bouton envoie command=Foo pour le serveur ainsi que les différents champs du formulaire, alors qu'en cliquant sur le "Bar" bouton envoie command=Bar le serveur avec les autres champs.

    OriginalL'auteur T.J. Crowder

  4. 0

    Peut-être que vous pouvez l'utiliser jQuery /AJAX pour envoyer le formulaire sans actualisation de te la page?

    http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

    d'autre, vous pouvez utiliser javascript:

    document.getElementById('id').value

    OriginalL'auteur Stefan Koenen