如何使用 jQuery 获取特定的表单元素答案

【问题标题】：How to get a specific form elements using jQuery如何使用 jQuery 获取特定的表单元素
【发布时间】：2015-12-02 03:59:20
【问题描述】：

我在一个页面中有多个表单，我想获取特定表单的元素。例如：

<form class="form" id="1">
  <input type="text" name="message" value="message">
  <button type="submit" value="submit">Submit</button> 
</form>
<form class="form" id="2">
  <input type="text" name="message" value="message">
  <button type="submit" value="submit">Submit</button> 
</form>

如何获取form id=2的message的值……先谢谢了

【问题讨论】：

jquery- how to select child elements under id的可能重复

标签： javascript jquery html

【解决方案1】：

只需使用属性选择器

 $('form[id=2]') // get the form with id = 2
.find('input[name=message]') // locate the input element with attribute name = message
.attr("value"); //  get the attribute = value

【讨论】：

你也可以打电话给.val()，而不是.attr("value")，这对我来说更方便，但这只是我个人的喜好。

【解决方案2】：

你真的不应该使用原始数字作为 id，让我们将它们重命名为 form_1 和 form_2，那么你的 jquery 选择器将是：

$("#form_2 [name='message']").val();

【讨论】：

这将选择ID为#form_2但不存在的元素。
我在帖子中提到过重命名表单

【解决方案3】：

只需从id 中查询您想要的形式的input

console.log($('#2 input').val());

//more specific
console.log($('#2 input[name="message"]').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form" id="1">
  <input type="text" name="message" value="message">
  <button type="submit" value="submit">Submit</button> 
</form>
<form class="form" id="2">
  <input type="text" name="message" value="message">
  <button type="submit" value="submit">Submit</button> 
</form>

【讨论】：

【解决方案4】：

您可以使用 jQuery，也可以使用基本的 JavaScript 返回消息值。使用基本 JS，您必须为表单命名，然后才能返回消息值。

代码：

function getValue() {
    var message = document.forms["form_name"]["message"].value;
}

然后您必须在提交表单时返回该函数

<form class="form" name="form_name" onsubmit="return getValue()">

【讨论】：