我在一个 html 站点中有两个表单,每个表单都有一个输入框和一个提交按钮
<div id="ausgabe">
<form class="forms">
<input type="text" placeholder="bla">
<button type="submit" class="btn btn-primary btn-small">TestA</button>
</form>
<form class="forms">
<input type="text" placeholder="bla">
<button type="submit" class="btn btn-primary btn-small">TestB</button>
</form>
</div>
$(".forms").submit(function(event)
{
event.preventDefault(); // Prevent the form from submitting via the browser
var test = $(this);
var wert = test.parent().find(":input:first").val();
alert("Button pressed"+wert);
});
然后我在第一个输入框中输入“TestA”并按下此表单的提交按钮并获得“按钮按下 TestA”警报。
然后我在属于第二种形式的第二个输入框中键入“TestB”,我希望得到这个结果“按钮按下 TestB”,但我再次得到“按钮按下 TestA”
如何获取属于其表单的输入框的值?我的想法是让按下的按钮的父级并在那里找到一个输入框。
我从 java servlet 后端动态生成这些表单,我不想为每个表单创建 id。
最好的问候 rubiktubik