Question

例如，我在一个页面上有3个表单。如果我单击我想从文档准备好的那个特定表单中获取输入测试2的值。

我如何实现这一目标？

$('.submitform').on('click', function(e){
    e.preventDefault();
    ???---???
});

Model.create

Answer 1

首先，要实现此目的，您应该将事件挂钩到submit的{{1}}事件，而不是单击按钮。

从那里，您可以使用form关键字来引用提交的表单，然后使用this来获取所需的输入。试试这个：

＆＃13;

find()

＆＃13;

$('.comment-form').on('submit', function(e) {
  e.preventDefault();
  var test2 = $(this).find('input[name="test2"]').val();
  console.log(test2);
});

＆＃13;

Answer 2

您应该使用form和submit事件来获取相关字段的值：

＆＃13;

$('form').on('submit', function(e) {
  e.preventDefault();

  console.log('Value of test2: ' + $(this).find('input[name=test2]').val())
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post" class="comment-form">
  <input name="test1" class="test1" type="text" value="">
  <input name="test2" class="test1" type="text" value="">
  <input name="test3" class="test1" type="text" value="">
  <input name="submit" class="submitform" type="submit" id="submit" value="Submit">
</form>

<form action="" method="post" class="comment-form">
  <input name="test1" class="test1" type="text" value="">
  <input name="test2" class="test1" type="text" value="">
  <input name="test3" class="test1" type="text" value="">
  <input name="submit" class="submitform" type="submit" id="submit" value="Submit">
</form>

<form action="" method="post" class="comment-form">
  <input name="test1" class="test1" type="text" value="">
  <input name="test2" class="test1" type="text" value="">
  <input name="test3" class="test1" type="text" value="">
  <input name="submit" class="submitform" type="submit" id="submit" value="Submit">
</form>

＆＃13;

Answer 3

你可以试试......

$('.submitform').on('click', function(e){
var values = $(this).siblings('input[name="test2"]').val();
console.log('values:'+ values);
e.preventDefault();
});

使用jQuery在一个页面上获取元素多个表单的val

3 个答案: