Saltar al contenido

cómo obtener el índice de fila de la fila seleccionada en la tabla usando el ejemplo de código javascript

Te damos la bienvenida a nuestro sitio, en este lugar encontrarás la solucíon a lo que estabas buscando.

Ejemplo 1: cómo obtener el índice de fila seleccionado de la tabla en javascript

<html><head><title>Row indexes</title><script type="text/javascript">
onload =function()if(!document.getElementsByTagName </script></head><body><table id="my_table"><tbody><tr><td>first row</td></tr><tr><td>second row</td></tr></tbody></table></body></html>

Ejemplo 2: Cómo juntar el índice de fila y el índice de celda en javascript

<html><head><title>ReadData from HTML Table uisng JavaScript</title><style>
        th, td, p, input 
            font:14px Verdana;
        table, th, td 
        
            border: solid 1px #DDD;
            border-collapse: collapse;
            padding:2px 3px;
            text-align: center;
        th 
            font-weight:bold;</style></head><body><table id="empTable"><tr><th id="id">ID</th><th id="emp">EmployeeName</th><th id="age">Age</th></tr><tr><td>01</td><td>Alpha</td><td>37</td></tr><tr><td>02</td><td>Bravo</td><td>29</td></tr><tr><td>03</td><td>Charlie</td><td>32</td></tr></table><p><select name="select" id="opt"><option value="">--Select a Value--</option><option value="id">ID</option><option value="emp">EmployeeName</option><option value="age">Age</option></select></p><input type="button" id="bt" value="Show Data" onclick="showTableData()"/><p id="info" style="font-style:italic;"></p></body><script>    
    function showTableData() 
        document.getElementById('info').innerHTML ="";var myTab = document.getElementById('empTable');var opt = document.getElementById("opt").value;var index = document.getElementById(opt).cellIndex;for(i =1; i < myTab.rows.length; i++)var objCells = myTab.rows.item(i).cells;for(var j = index; j <= index; j++) 
                info.innerHTML = info.innerHTML +' '+ objCells.item(j).innerHTML; 
            
            info.innerHTML = info.innerHTML +'
'
;</script></html>

Comentarios y valoraciones

Al final de todo puedes encontrar las crónicas de otros sys admins, tú de igual manera eres capaz insertar el tuyo si lo deseas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *