¿Como seleccionar una fila de una tabla para editar una columna?

miller900425 · #1 (**permalink**) 24/09/2014, 09:59

Buen dia por favor me pueden ayudar con una duda.
tengo una tabla html y con javascript tengo un código para seleccionarla la fila y ahora quiero que cuando selecciones la fila me modifique la ultima columna gracias a los que me puedan ayudar a qui les dejo mi código

Código HTML:

<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
</script>

<script type="text/javascript">

var seleccionado=null;            //contiene la fila seleccionada

function onclickHandler() {
        if(seleccionado==this) {
            this.style.backgroundColor="transparent";
            seleccionado=null;
        }
        else {
            if(seleccionado!=null) 
                seleccionado.style.backgroundColor="transparent";
            this.style.backgroundColor="#e0b";
            seleccionado=this;
        }
        
    }

var filas=document.getElementById("tabla").getElementsByTagName("tr");
for(var i=0; i<filas.length; i++) {
    filas[i].onclick=onclickHandler;
}


function eliminar() {
    if(seleccionado==null) return alert("Seleccione una fila haciendo click sobre ella");
    seleccionado.style.backgroundColor="#f00";
}

</script>

</head>

<body>
<table border="1" id="tabla">
    <tr>
        <td>numero</td><td>cosa</td><td>cosa 2</td><td>cosa 3</td><td>cosa 4</td>
    </tr>
    <tr>
        <td>1</td><td>lapiz</td><td>papel</td><td>silla</td><td>xbox</td>
    </tr>
    <tr>
        <td>2</td><td>carro</td><td>casa</td><td>zapato</td><td>radio</td>
    </tr>
    <tr>
        <td>3</td><td>moto</td><td>finca</td><td>balon</td><td>celular</td>
    </tr>
    <tr>
        <td>4</td><td>tv</td><td>avion</td><td>palo</td><td>mouse</td>
    </tr>
    <tr>
        <td>5</td><td>bici</td><td>tren</td><td>casco</td><td>teclado</td>
    </tr>
    </table>
    	<input type=button value="Borrar" onclick="eliminar()">
      <input type=button value="Modificar">



  
</body>
</html>