Question

我在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”按钮

如何获取属于其表单的inputbox的值？我的想法是获得按下的按钮的父级，并在那里找到一个输入框。

我从java servlet后端动态生成这个表单，我不想为每个表单创建id。

最诚挚的问候 rubiktubik

Answer 1

在定位表单时，您不希望在父元素中找到第一个输入，而是在表单中找到：

$(".forms").on('submit', function(event) {
    event.preventDefault();
    var test = $(this);
    var wert = test.find(":input:first").val();
    alert("Button pressed"+wert); 
});

jquery选择没有id的表单元素

1 个答案: