Pourquoi ne puis-je pas obtenir la valeur de ce champ de saisie de texte?

J'ai un div qui contient un champ de saisie de texte:

<div id="age" class="fullScreen">
  <input type="text" id="age" class="textInput" placeholder="Please enter age..." />
  <button type="button" onclick="submitAge()">Submit</button>
</div>

submitAge() ressemble à ceci:

function submitAge() {
  var ageVal = document.getElementById("age").text;
  alert(ageVal);
}

Mais dans Google Chrome et Webkit tous les Soirs, je vois une alerte avec le texte "undefined" (je ne peux pas le tester dans tous les autres navigateurs parce que la page contient des web sockets).

Les outils de développement chrome montrer ceci:

Pourquoi ne puis-je pas obtenir la valeur de ce champ de saisie de texte?

Je suppose que le problème est que l'entrée n'est pas dans un formulaire, mais je ne veux pas de ça pour être en forme parce que je vais être la soumission de données par le biais d'websockets.

Dois-je le mettre dans un formulaire ou est-il une meilleure solution?

Grâce.

  • Vous disposez de 2 éléments HTML avec ID = âge
  • Pas allez, encore une autre réponse, car entre toutes les réponses que vous avez vos deux problèmes, mais #1 vous ne pouvez pas avoir plus d'un élément avec le même ID, le comportement est indéfini. #2 vous avez besoin value pas text
InformationsquelleAutor JJJollyjim | 2011-06-07
  1. 6

    Vous ont redéfini l'id de "l'âge". Renommer votre div ou d'entrée et vous devriez être bien.

    • Merci beaucoup! <3
    InformationsquelleAutor feathj
  2. 4

    Essayer:

    function submitAge() {
  var ageVal = document.getElementById("age").value;
  alert(ageVal);
}
    InformationsquelleAutor NightHawk
  3. 1
    var ageVal = document.getElementById('age').value;

alert(ageVal)

    Note le .valeur au lieu de texte

    • Ne fonctionne toujours pas... j'avais déjà essayé, et juste essayé de nouveau.
    • Hum je suppose que vous avez remarqué que l'erreur était le double de balises avec le même id
    InformationsquelleAutor Ibu
  4. 1

    Changement:

     var ageVal = document.getElementById("age").text;

    à

     var ageVal = document.getElementById("age").value;
    InformationsquelleAutor WojtekT
  5. 1

    Vous <div> a l'id de l'âge. Ce retour de la div ou un tableau de Élémentshtml. Obtenir un unique id de l'entrée et vous serez d'or

    InformationsquelleAutor Ben Roux
  6. 1

    Essayer 

    document.getDocumentById("age").value;
    InformationsquelleAutor noinstance