Question

我从我的php代码生成多个表单，如下所示。

问题在于，如果我想执行jquery-ajax请求，我该如何引用表单。我的目标是，当点击提交按钮时，应该发布该表单中的相关数据。

以前，我指的是具有$('#id').submit()功能的表单。但我被困在这里，因为所有表格都有相同的名称。

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php">
<input type="hidden" id="id" name="id" value="1"/>
<input type="hidden" id="filename" name="filename" value="Research Writer Test 8.doc" />
<input type="hidden" id="filetype" name="filetype" value="doc" />
<td><input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" />
</form>

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php">
<input type="hidden" id="id" name="id" value="2"/>
<input type="hidden" id="filename" name="filename" value="template[1].IEEEdoc.doc" />
<input type="hidden" id="filetype" name="filetype" value="doc" />
<input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" />
</form>

<form id="view-doc" method="post" target="report" action="../classes/openDoc.php">
<input type="hidden" id="id" name="id" value="3"/>
<input type="hidden" id="filename" name="filename" value="Assignment #3.docx" />
<input type="hidden" id="filetype" name="filetype" value="ocx" />
<input type="submit" class="s-button btn_normal" id="submit" value="View" onsubmit="window.open(about:blank,report,width=300,height=200)" />
</form>

Answer 1

id属性必须是唯一的。如果可能，请考虑view-doc-1，view-doc-2和view-doc-3表单“id。

否则，请使用class代替id并在JavaScript上执行此操作：

$(".view-doc input[type=submit]".bind('click', function() {
   // your code when button clicked. fired on all the 3 buttons
});

具有多种形式的jQuery Ajax请求

1 个答案: