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

时间:2015-01-29 04:09:13

标签: javascript php jquery html forms

我正在列出产品类型。每行都有自己的更新和删除按钮。虽然每个表单都有其唯一提交更新。对于删除,它会调用另一个创建一次的弹出窗口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);
    });

2 个答案:

答案 0 :(得分:0)

您可以在del按钮前获取表单的ID:

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

答案 1 :(得分:0)

猜猜没有人找到我,只是在按钮中添加了一个id元素,该元素从表单中获取相同的值并将其添加到click事件中

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