JavaScript - ¿Cómo acceder al valor de una celda mediante DOM en una tabla?

 
Vista:
Imágen de perfil de Saturnino
Val: 35
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

¿Cómo acceder al valor de una celda mediante DOM en una tabla?

Publicado por Saturnino (14 intervenciones) el 11/10/2020 13:26:19
Me explico:
Tengo una Tabla cuyo id="est". Las filas de la tabla tienen 3 <td>, Número, Código y Título.
Todos los <td> tienen un onclick="eligeobra();" de tal manera que al hacer click sobre ellos me llevan a la función
function eligeobra()
Lo que quiero es que cuando haga click en una fila de la tabla, la función me de el Número y lo muestre en una caja de texto cuyo id="esteleg"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function  eligeobra()
{
var numest =document.getElementsByName('numestr').length;
var element=document.getElementById('est');
var i=0;
var j=0;
for(i=1;i<=numest;i++)
{
	if(element.getElementsByTagName('tr').item(i).checked)
	{
		document.getElementById('esteleg').value=i;
 
	}
}
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

¿Cómo acceder al valor de una celda mediante DOM en una tabla?

Publicado por joel (895 intervenciones) el 11/10/2020 20:40:13
Puedes mostrar el código HTML al que haces referencia?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Saturnino Pavon
Val: 35
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

¿Cómo acceder al valor de una celda mediante DOM en una tabla?

Publicado por Saturnino Pavon (14 intervenciones) el 15/10/2020 19:35:01
ESTE ES EL CÓDIGO QUE ME PIDES.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<section id="listestr">
 <fieldset style="width:auto; height:100%; border:#F00">
 
  <table id="est" style="width:95%; height:95% border:groove; border-color:#F00">
   <caption>Listado de Estudios Estructuras Año</caption>
          <tr>
              <th width="10%" align="center" bordercolor="#FF0000" bgcolor="#00FF00"  style="border:groove; border-color:#F00" >Opc</th>
              <th width="10%" align="center" bordercolor="#FF0000" bgcolor="#00FF00"  style="border:groove; border-color:#F00" >Num Estr</th>
              <th width="20%" align="center" bordercolor="#FF0000" bgcolor="#00FF00"  style="border:groove; border-color:#F00" >Código </th>
              <th width="70%" align="center" bordercolor="#FF0000" bgcolor="#00FF00"  style="border:groove; border-color:#F00" >Titulo</th>
          </tr>
 
 
            <?php
            $sqli="SELECT * FROM " .$nombretabla ;
            if($resultado=mysqli_query($conn,$sqli))
            {
                $row_cnt=mysqli_num_rows($resultado);
 
                if ($row_cnt>0)
                {
                    $cantest=0;
                    while(($row = mysqli_fetch_assoc($resultado))!=NULL)
                    {
                        $cantest=$cantest+1;
                        $numestructura=$row['NUMEST'];
                        $codestruct=$row['CODEST'];
                        $titobra=$row['NOMBREOBRA'];
                        $idfciente=$row['IFCLI'];
                        $calleobra=$row['CALLE'];
                        $numcalle=$row['NUMEROCALLE'];
                        $pobl=$row['CIUDAD'];
                        $cp=$row['CODPOST'];
                        $prov=$row['PROVINCIA'];
                            ?>
 
 
                          <tr>
                            <td style="border:solid; border-width:thin; border-color: #3F0" ><input type="radio" name="opcobra" align="middle" /></td>
                            <td style="border:solid; border-width:thin; border-color: #3F0"><input style="width:90%" type="text" name="numestr" value="<?php echo($numestructura); ?>"/></td>
                            <td style="border:solid; border-width:thin; border-color: #3F0"><input style="width:95%"  type="text" name="codestr" value="<?php echo($codestruct); ?>"/></td>
                            <td style="border:solid; border-width:thin; border-color: #3F0"><input style="width:95%"  type="text" name="titestr" value="<?php echo($titobra); ?>"/></td>
 
                          </tr>
 
 
                            <?php
                    }
                    $_SESSION['proxnumest']=$cantest + 1;
                }
            }
            ?>
            <tr>
                <td><input type="button" name="btnest" id="btnest" onclick="eligeobra();" value="Mostrar Estructura"   />   </td>
            </tr>
     </table>
 
    </fieldset>
</section>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

¿Cómo acceder al valor de una celda mediante DOM en una tabla?

Publicado por joel (895 intervenciones) el 16/10/2020 08:28:23
Hola Saturnino, viendo tu código, no visualizo donde esta el elemento con el id "esteleg" para mostrar el tr seleccionado.

De todas maneras, revisa este código, creo que te puede servir, ya que te devuelve todos los valores de la fila de la tabla
https://www.lawebdelprogramador.com/codigo/JavaScript/4426-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JavaScript.html

Te sirve?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Saturnino Pavon
Val: 35
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

¿Cómo acceder al valor de una celda mediante DOM en una tabla?

Publicado por Saturnino Pavon (14 intervenciones) el 16/10/2020 11:23:00
Gracias de todas formas, ya miraré este código que me mandas. Disculpa, es que el id="esteleg" es una caja donde envío el valor seleccionado. Está en otro <select> y por eso no me di cuenta de enviártelo. Pero de todas formas muchísimas gracias y buen finde.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar