使用 jquery onclick 更改提交目标表单

Question

我正在制作产品类型列表。每行都有自己的更新和删除按钮。虽然每个表单都有其唯一的更新提交。对于删除，它会调用另一个创建一次的弹出窗口 div，并且应该针对拥有我单击的删除按钮的表单。我该如何实现？

<?
$sql = "SELECT * FROM tipoproducto";
$result = mysqli_query($conex, $sql);
while($data = mysqli_fetch_array($result, MYSQLI_ASSOC))
{
    ?>
    <form id="tipoprod<? echo $data['id_tipoproducto']; ?>" method="post" enctype="multipart/form-data" action="<? echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
    <input type="hidden" name="idprod" value="<? echo $data['id_tipoproducto']; ?>" required>
    <tr>
    <td width="50%"><input type="text" name="tprod" value="<? echo $data['tipo_producto']; ?>" required></td>
    <td width="50%"><input name="act" type="submit" class="button" value="Actualizar" form="tipoprod<? echo $data['id_tipoproducto']; ?>"/>
    </form>
    <button name="del" class="button inset">Borrar</button></td>
    </tr>
    <?
}
?>

<div name="hoverdel" id="hover"></div>
<div name="popupdel" id="popup" class="normal">
<p><i class="icon-warning-sign icon-large"></i> Esta seguro que desea borrar este producto?</p>
<br>
<input name="borrar" type="submit" class="button inset" value="Si" form="This is what jQuery should update"/>
<button name="cancelar" class="button inset">No</button>
</div>

$("button[name = 'del']").click(function()
    {
        $("div[name = 'hoverdel']").fadeIn();
        $("div[name = 'popupdel']").fadeIn();
        $("button[name = 'borrar']").attr("form", Form Name);
    });

Answer 1

您可以通过以下方式获取 del 按钮前的表单 ID：

$(this).prev().attr('id');

Answer 2

猜猜没人明白我的意思，只是向按钮添加了一个 id 元素，该元素从表单中获取相同的值并将其添加到点击事件中

$("input[name = 'borrar']").attr("form", $(this).attr("id"));

使用 jquery onclick 更改提交目标表单

Change Submit targeted form with jquery onclick

html

javascript

php

forms

jquery