Comment puis-je obtenir la valeur d'une entrée dans une table spécifique de la cellule à l'aide de javascript?

Je me demandais comment puis-je obtenir la valeur d'un input dans une cellule de tableau à l'aide de javascript?

<td><input type="text"/></td>

Je suppose que l'obtention de la innerHTML d'une cellule spécifique est assez simple, par exemple:

var x = document.getElementById("tabela").rows[2].cells[3].innerHTML

mais ce qui me donne juste la input sans value. L'ajout de .value à la fin de la ligne ne fonctionne pas. Je vous remercie de votre aide!

  • Pouvez-vous ajouter un class ou id attribut à votre champ de saisie?
  • Êtes-vous autorisé à utiliser jquery?
  • Essayez cette var x = document.getElementById("tabela").rows[2].cells[3].getElementsByTagName('input')[0].value
  • Eh bien, innerHTML donnerait rien, comme c'est givving vous tout entre le début de la balise et son fin de compte, cependant, puisque vous (essentiellement) ont <input></input> il n'y a rien, donc il retourne une chaîne vide. Tout jusqu'à ce point est correcte, en supposant que les sélecteurs de vous servir de point d'entrée, de sorte que vous devriez être en mesure d'utiliser .value au lieu de .innerHTML.
  • Correction de moi-même, je viens de réaliser ce que vous obtenez est la cellule, plutôt que de la saisie - oui, innerHTML serait vous donner la balise input. Mais en fait pour obtenir sa valeur, vous avez besoin de l'accès, la balise elle-même - il y a des réponses sur cette page qui montrent comment faire. Obtenir le code HTML, il n'est pas utile, comme vous êtes mieux d'obtenir le nœud DOM et de le manipuler.
  • merci les gars et c'était ma première demande sur DONC. Je na sais que vous êtes rapide et utile :). Ajouter des enfants[0].valeur à la fin de la ligne m'a donné la valeur d'entrée...

InformationsquelleAutor Casi | 2014-06-19
  1. 6

    Si vous n'avez pas de id sur l'élément que vous êtes après, alors vous pourriez obtenir le premier enfant de la td par:

    var x = document.getElementById("tabela").rows[n].cells[n].children[0].value;

    Ou si vous voulez le premier enfant à être spécifique à l'entrée:

    var x = document.getElementById("tabela").rows[n].cells[n].getElementsByTagName('input')[0].value;
    InformationsquelleAutor Abhitalks
  2. 2

    Vous pouvez utiliser firstChild.value comme ceci:

    var x = document.getElementById("tabela").rows[2].cells[3].firstChild.value;

    Démo

    InformationsquelleAutor naota
  3. 1

    Si vous pouvez fournir l'id de votre élément d'entrée,

    HTML

    <td><input type="text" id="text1"/></td>

    JS

    var x = document.getElementById("text1").value;
    • Mais si ils sont dans un tableau, qu'est-ce que l'IDENTITÉ?
    • L'OP n'a pas parlé d'une quelconque restriction de fournir de l'id d'éléments d'entrée. Autre chose, il pourrait aller par abhitalks répondre
    InformationsquelleAutor Mustafa sabir
  4. 0

    Vous pouvez utiliser querySelector() méthode DOM:

    document.querySelector('#tabela tr:nth-child(2) td:nth-child(3) > input').value

    JSFiddle

    InformationsquelleAutor potashin