insertar texto en una celda elegida de una tabla con propiedad innerhtml
Publicado por antav (2 intervenciones) el 17/12/2014 00:37:30
Hola a todos.
Me gustaria poder insertar un texto que venga determinado por la celda que eliga el usuario al darle a un boton.
Os dejo el código que tengo hasta ahora a ver si me podeis dar un empujon (en el buen sentido :silbar:)
y en un functions.js tengo lo siguiente
umm...me estoy haciendo un poco bastante lio :stress:para acceder a la celda que me indique el elemento con id="seleccion" y ponerle dentro el contenido del elemento con id="texto"
Por favor, si sois tan amables ¿me podriais sugerir como hacerlo?
Graciasss!!
Me gustaria poder insertar un texto que venga determinado por la celda que eliga el usuario al darle a un boton.
Os dejo el código que tengo hasta ahora a ver si me podeis dar un empujon (en el buen sentido :silbar:)
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
<html>
<head>
<link rel="stylesheet" type="text/css" href="estilos.css">
<script type="text/javascript" src="functions.js"></script>
</head>
<body>
<table id="tabla" border="1">
<tr>
<td id="1">fila1</td>
</tr>
<tr>
<td id="2">fila2</td>
</tr>
<tr>
<td id="3">fila3</td>
</tr>
</table>
<br/>
<form id="form1">
Texto a insertar:<br><input type="text" name="texto" value="" id="texto" class="formulario">
<p>Que fila se seleccionada para insertar el texto:
<select name="seleccion" id="seleccion" class="formulario_select">
<option value="1">primera</option>
<option value="2">segunda</option>
<option value="3">tercera</option>
</select>
</p>
</form>
<input type="button" value="Insertar texto" onclick="insertar()" />
</body>
</html>
y en un functions.js tengo lo siguiente
1
2
3
4
5
6
7
8
9
10
11
12
13
function insertar() {
var textoId=document.getElementById("texto").value;
var filaId=document.getElementById("seleccion").value;
tab=document.getElementById('tabla');
fila=tab.getElementsByTagName('tr');
for (i=0;f=fila[i];i++) {
celda=f.getElementsByTagName('td');
if (celda==filaId) {
celda[0].innerHTML=textoId;
}}}}umm...me estoy haciendo un poco bastante lio :stress:para acceder a la celda que me indique el elemento con id="seleccion" y ponerle dentro el contenido del elemento con id="texto"
Por favor, si sois tan amables ¿me podriais sugerir como hacerlo?
Graciasss!!
Valora esta pregunta
0
