Buen día Tengo una consulta, como puedo hacer crear una lista desplegable dentro de una tabla? La tabla posee 9 columnas, y en la primer columna hay input[radio] Lo que deseo, es que, al seleccionar el input[radio], este me despliegue una fila nueva justo abajo de la fila seleccionada, sin afectar a las demás y que esta cubra las 9 columnas
Si me pudieran ayudar se los agradecería
Este es el código, el cual estoy usando para mostrar la nueva fila, pero de momento solo he logrado que me la muestre en la misma columna del input[radio], y necesito que esa nueva fila me abarque todas las columnas
function mostrarMarcas(proveedorId){
var coll = $(".container");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
}
<tr>
<td style="width: 20px;">
<label class="container">
<input class="checkMarcas" type="radio" name="radioCheck" id="radioCheck" onclick="mostrarMarcas(<?php echo $datProveedor["proveedorId"]; ?>)">
<span class="checkmark"></span>
<i></i>
</label>
<div class="contenido" >
Hola mundo
</div>
</td>
<td>Columna 2</td>
<td>Columna 3</td>
<td>Columna 4</td>
<td>Columna 5</td>
<td>Columna 6</td>
<td>Columna 7</td>
<td>Columna 8</td>
<td>Columna 9</td>
</tr>
mostrarMarcas()
, eso sería la cantidad de filas que quieres agregar cuando des clic al radio botton?...