Envío de formulario jQuery cuando el formulario está anidado en la tabla
¿Hay alguna razón por la que los formularios no se envíen utilizando jQuery dentro de las tablas o simplemente estoy haciendo algo mal? He probado el envío del formulario fuera de una mesa, luego, tan pronto como lo envolví dentro de una mesa, dejó de funcionar, a pesar de que añadí unaparent()
para compensar la forma moviéndose por encima de la<td>
Elemento dentro del código. ¿Alguien podría ayudarme con este problema, por favor?
HTML
WITHOUT TABLE
<form action="page.cfm" method="post">
<select class="select">
<option>Test</option>
</select>
</form>
WITH TABLE
<table>
<tr>
<form action="page.cfm" method="post">
<td>
<select class="select">
<option>Test</option>
</select>
</td>
</form>
</tr>
</table>
jQuery
WITHOUT TABLE
$(".select").on("change", function() {
$(this).parent("form").submit();
});
WITH TABLE
$(".select").on("change", function() {
$(this).parent().parent("form").submit();
});