javascript - JQuery 并在多种形式中获取 1 个隐藏值

Question

我有多个这样的表格:

<form method="post" action="change.php" id="form1">
   <input name="product_id" type="hidden" value="abc" />
   <input name="button_name" id="submit1" type="submit" value="ADD" />
</form>

<form method="post" action="change.php" id="form2>
   <input name="product_id" type="hidden" value="xyz" />
   <input name="button_name" id="submit2" type="submit" value="ADD" />
</form>

等等

当我有一个表单时，我知道如何只获取一个值，但我如何才能获取与按钮点击对应的隐藏值？例如-点击 form2 的按钮我得到“xyz”？

或者有一个跨越整个页面的大表单并将隐藏值附加到按钮本身会更好吗？ (我只有一个值需要传递给 change.php)

Answer 1

以下代码将处理程序附加到所有 表单，但获取与当前提交事件关联的表单中隐藏字段的值:

$("form").submit(function() {
   var $product_id = $(this).find('input[name="product_id"]');
   alert("Value within form " + this.id + ": " +$product_id.val());
});

演示:http://jsfiddle.net/jB88N/

显然，您会做一些比仅提醒值更有用的事情，但上面显示了如何获取它。在处理程序中，this 是正在提交的表单。