如何使用jQuery从<input />检索值?

时间:2009-03-24 17:34:32

标签: javascript jquery

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

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

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

2 个答案:

答案 0 :(得分:25)

由于“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();

答案 1 :(得分:5)

您应该使用id或类来加快获取价值流程。

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

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

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

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