Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Seleccionar valor de select y pasarlo a siguiente celda en una tabla html

Estas en el tema de Seleccionar valor de select y pasarlo a siguiente celda en una tabla html en el foro de Javascript en Foros del Web. Buenos días, Tengo una tabla html que se llena de datos al agregar una nueva fila, compuesta por select[],inputs[] cada fila. Pero al seleccionar el ...
  #1 (permalink)  
Antiguo 13/09/2015, 09:25
 
Fecha de Ingreso: mayo-2015
Ubicación: Polonia
Mensajes: 22
Antigüedad: 8 años, 11 meses
Puntos: 1
Seleccionar valor de select y pasarlo a siguiente celda en una tabla html

Buenos días, Tengo una tabla html que se llena de datos al agregar una nueva fila, compuesta por select[],inputs[] cada fila.

Pero al seleccionar el select

Código HTML:
Ver original
  1. onchange='pasar_valor(this.value)'

llama a una funciòn que realizara una tarea especifica:

Código Javascript:
Ver original
  1. function pasar_valor(valor)
  2.             {
  3.  
  4.              alert(valor);
  5.  
  6.             }

La pregunta es como se debería pasar el valor del select a la siguiente celda pero de la misma fila de la tabla.

Les agradezco por sus sugerencias..

Última edición por luis1; 13/09/2015 a las 09:30
  #2 (permalink)  
Antiguo 13/09/2015, 10:28
 
Fecha de Ingreso: julio-2015
Ubicación: Madrid
Mensajes: 17
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Seleccionar valor de select y pasarlo a siguiente celda en una tabla html

Buenas.

Si no pones la estructura de la tabla tenemos que imaginárnosla.
Digamos que es así:
Código HTML:
Ver original
  1.         <tr>
  2.             <td>
  3.                 <select>
  4.                     <option value="Manabo">Manabo</option>
  5.                     <option value="Menabo">Menabo</option>
  6.                     <option value="Minabo">Minabo</option>
  7.                     <option value="Monabo">Monabo</option>
  8.                     <option value="Munabo">Munabo</option>
  9.                 </select>
  10.             </td>
  11.             <td>
  12.                 <input readonly="readonly" />
  13.             </td>
  14.         </tr>
  15.     </table>

La función pasarValor puede ser así:
Código HTML:
Ver original
  1. <select onchange="pasarValor(this, this.value)">
Código Javascript:
Ver original
  1. function pasarValor(nodo, valor) {
  2.         // El input es el primer hijo de la segunda <td> del abuelo de <select>
  3.     var inp = nodo.parentNode.parentNode.children[1].children[0];
  4.     inp.value = valor;
  5. }
  6. // También puedes jugar con childNodes, firstChild, nextSibling y previousSibling, siempre que tengas en cuenta que estas cuentan todos los nodos, incluidos los de texto (que aunque realmente no haya texto, si están los nodos) y creo que también los comentarios.

Un saludo;

Etiquetas: celda, html, input, select, siguiente, tabla, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 00:09.