通过JQuery获取和使用从多个文本框中获取的值

时间:2010-08-22 02:20:41

标签: jquery

我正在尝试使用JQuery从多个文本框中获取值。

我有点像Javascript一般的新手。我有一个包含以下输入元素的表单:

<input name="milkman" value="jessie"/>
<input name="letterman2" value="jim" />
<input name="newmilk" />

我使用以下方法获取前两个输入元素的值:

var test_arr = $("input[name*='man']").val();

如何获取单个文本框值?当我使用alert()函数回显test_arr的值时,我看到的只是第一个元素的值。

请帮助。

4 个答案:

答案 0 :(得分:7)

您的示例仅返回数组中第一项的值。您需要遍历数组,并且可以使用each。 jQuery选择器语法返回一个jQuery对象,该对象包含匹配的对象作为数组。

您也可以使用$.each的其他变体,就像这样......

var test_arr = $("input[name*='man']");
$.each(test_arr, function(i, item) {  //i=index, item=element in array
    alert($(item).val());
});

由于返回的jQuery对象是匹配元素的数组,因此您也可以使用传统的for循环...

//you can also use a traditional for loop
for(var i=0;i<test_arr.length;i++) {
    alert($(test_arr[i]).val());
}

答案 1 :(得分:0)

查看jquery的each()

答案 2 :(得分:0)

使用each子句:

var test_arr = $("input[name*='man']").each(function() { var current = $(this).val(); });

答案 3 :(得分:0)

使用地图功能。

function getAllData(){
  var allData = $("input[name='name_of_the_textbox']").map(function(){
    return $(this).val();
  }).get();
  alert(allData);
}