0

我在一个 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

4

1 回答 1

2

定位表单时,您不想在父元素中找到第一个输入,而是在表单本身中:

$(".forms").on('submit', function(event) {
    event.preventDefault();
    var test = $(this);
    var wert = test.find(":input:first").val();
    alert("Button pressed"+wert); 
});
于 2013-08-04T17:30:57.283 回答