如何使用jQuery从<input>中检索值？

Question

我必须隐藏输入字段,例如:

<input name="foo" value="bar">
<input name="foo1" value="bar1">

我想检索这两个值并使用jQuery将它们发布到服务器.如何使用jQuery选择器引擎来获取这些值？

Answer 1

由于"foo"和"foo1"是输入字段的名称,因此您将无法使用jQuery(#)的id选择器,但您必须使用属性选择器:

var foo = $("[name='foo']").val();
var foo1 = $("[name='foo1']").val();

这不是最好的选择,性能方面.你最好设置输入字段的id并使用id选择器(例如$("#foo"))或者至少为属性选择器提供一个上下文:

var form = $("#myForm"); // or $("form"), or any selector matching an element containing your input fields
var foo = $("[name='foo']", form).val();
var foo1 = $("[name='foo1']", form).val();

Answer 2

您应该使用id或类来加速获取值过程.

ID版本(假设输入有id ='foo')

var value1 = $('#foo').val();

类版本(假设输入有class ='foo')

var value1 = $('.foo').val();