0

我在一个页面上有多个表单。我创建了一个按钮来隐藏和显示每个表单（有效）。我正在尝试在按钮之后添加来自#family_name 的值，以识别按钮的用途。但是，第一个#family name 的值出现在每个表单上的每个按钮之后。我希望出现与该特定表单关联的值。

（我知道按钮被放在一个愚蠢的地方......在这个阶段不是问题）

var family = $("input#family_name").val();
$("input#salutation").after("<button title=\"View, Amend or Add\" id=\"chnx\">+</button><span>" + family + "</span>");

<div id="1">
<form id="1">
<fieldset>
<p>
<label for="salutation">Salutation</label>
<input name="salutation" id="salutation" class="required" value="Mr" type="text">
</p>
<p>
<label for="family_name">Family Name</label>
<input name="family_name" id="family_name" class="required" value="Parker" type="text">
</p>
<p>
<label for="first_name">First Name</label>
<input name="first_name" id="first_name" class="required" value="" type="text">
</p>
<p>
<label for="middle_name">Middle Name</label>
<input name="middle_name" id="middle_name" class="required" value="" type="text">
</p>
<p>
<label for="DOB">Date of Birth</label>
<input name="DOB" id="DOB" class="required" value="" type="text">
</p>
<input value="Add" id="add" type="submit">
<input value="Amend" id="amend" type="submit">
</fieldset>
</form>
.......
<form id="2">
.......
.....mutliple forms......
.......
</div>
4

2 回答 2

0

ID 应该是唯一的。如果您有多个相同 ID 的实例，您可能应该改用类。

于 2012-10-07T12:42:06.830 回答
0

ID 在页面中必须是唯一的，因此您无法查找具有 ID 的第一个元素。

您需要做的是将它们更改为类名（以及每个表单中重复的所有其他元素）并遍历每个表单以仅在该表单中查找数据并进行附加。

类似于以下内容

$('form').each(function(){
    var family = $(this).find("input.family_name").val();
     $(this).find("input.salutation").after("<button title=\"View, Amend or Add\" id=\"chnx\">+</button><span>" + family + "</span>");

});

如果您有任何其他类型的表单（例如与此操作无关的登录名），最好还向表单添加一个通用类名

于 2012-10-07T12:45:46.343 回答