Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/09/2015, 10:28
jevy99
 
Fecha de Ingreso: julio-2015
Ubicación: Madrid
Mensajes: 17
Antigüedad: 8 años, 10 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;