Nueva pregunta

Pregunta:

 
  4  
 
 
Andres Condo Karma: 37 Ecuador
 
 Fecha: 29-02-2016 11:04:05 (En Español)

¿Cómo editar datos de una tabla con Javascript y PHP?[Resuelta]

Alguien sabe como puedo obtener el valor que tienen la ultima caja en la primera fila, utilizando javascript. este es el codigo que estoy utilizando pero aun no se como obtener el valor de input
<script>
function cont() {
var table = document.getElementById("tabedit");
for (var i = 0, row; row = table.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
}
}
alert("filas " + i + " col " + j);
}
</script>


esta es mi tabla 
<form id="formulario">
        <table border="1" id="tabedit">
            <thead>
                <tr>
                    <th>col 1</th>
                    <th>col 2</th>
                    <th>col 3</th>
                    <th>col 4</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="text" name="input1" id="input1" value="1" /></td>
                    <td><input type="text" name="input2" id="input2" value="2" /></td>
                    <td><input type="text" name="input3" id="input3" value="3" /></td>
                    <td><input type="text" name="input4" id="input4" value="4" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="10" /></td>
                    <td><input type="text" name="input" value="20" /></td>
                    <td><input type="text" name="input" value="30" /></td>
                    <td><input type="text" name="input" value="40" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="100" /></td>
                    <td><input type="text" name="input" value="200" /></td>
                    <td><input type="text" name="input" value="300" /></td>
                    <td><input type="text" name="input" value="400" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="1000" /></td>
                    <td><input type="text" name="input" value="2000" /></td>
                    <td><input type="text" name="input" value="3000" /></td>
                    <td><input type="text" name="input" value="4000" /></td>
                </tr>
            <input type="submit" value="OBTENER" name="btn" onclick="cont()" />
        </tbody>
    </table>
</form>
 Etiquetas: Javascript - PHP - Pregunta Votos: 4 - Respuestas: 1 - Vistas: 17 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      4  
     
     
    Gonzalo Herrera Karma: 618 Argentina
     
    Fecha: 01-03-2016 04:47:29 Hola Andres, una forma de hacerlo es así

    <!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Table</title>
   <script>
      function ultimaCelda() {

         //obtengo la referencia de todas las etiquetas td dentro de un arreglo cuyo padre es tbody
         var filaCelda = document.getElementsByTagName('tbody')[0].getElementsByTagName('td');

         alert(filaCelda[3].childNodes[0].value);
      }
   </script>
</head>
<body>
   <form id="formulario">
        <table border="1" id="tabedit">
            <thead>
                <tr>
                    <th>col 1</th>
                    <th>col 2</th>
                    <th>col 3</th>
                    <th>col 4</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="text" name="input1" id="input1" value="1" /></td>
                    <td><input type="text" name="input2" id="input2" value="2" /></td>
                    <td><input type="text" name="input3" id="input3" value="3" /></td>
                    <td><input type="text" name="input4" id="input4" value="4" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="10" /></td>
                    <td><input type="text" name="input" value="20" /></td>
                    <td><input type="text" name="input" value="30" /></td>
                    <td><input type="text" name="input" value="40" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="100" /></td>
                    <td><input type="text" name="input" value="200" /></td>
                    <td><input type="text" name="input" value="300" /></td>
                    <td><input type="text" name="input" value="400" /></td>
                </tr>
                <tr>
                    <td><input type="text" name="input" value="1000" /></td>
                    <td><input type="text" name="input" value="2000" /></td>
                    <td><input type="text" name="input" value="3000" /></td>
                    <td><input type="text" name="input" value="4000" /></td>
                </tr>
        </tbody>
    </table>
      <input type="submit" value="OBTENER" name="btn" onclick="cont()" />
      <input type="button" value="Obtener ultima celda" onClick="ultimaCelda()">
</form>
</body>
</html>


    ¡Saludos!       Votos: 4 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com