jquery获取form表单input元素值的简单实例

假设你有一个表单，其中有一些输入字段（例如文本框或下拉列表），每个输入字段都有一个唯一的“name”属性，你可以使用jQuery来获取这些输入字段的值。下面是一个简单的示例：

HTML代码：

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" name="name" id="name">
  <label for="email">Email:</label>
  <input type="email" name="email" id="email">
  <input type="submit" value="Submit">
</form>

jQuery代码：

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单提交

    // 获取输入字段的值
    var name = $('input[name="name"]').val();
    var email = $('input[name="email"]').val();

    // 在控制台中显示输入字段的值
    console.log('Name: ' + name);
    console.log('Email: ' + email);
  });
});

在上面的代码中，我们使用jQuery选择器来获取输入字段的值。我们选择了所有具有“name”属性的输入字段，并使用.val()方法来获取它们的值。在这个例子中，我们选择了两个输入字段：name和email。然后，我们在控制台中显示了这些值。