从jquery中的多个文本输入中检索值

时间:2014-03-28 12:11:39

标签: jquery textbox textarea

我有多个文本框和textareas,我想将这些值添加到数组中。

按照我现在这样做的方式,我设法得到文本框的值而不是文本区域。

如何检索多个textarea的值?

<input type="text" name="fields[]"
<input type="text" name="fields[]"
<input type="text" name="fields[]"

<textarea name="areas[]"
<textarea name="areas[]"
<textarea name="areas[]"

这是我用它做的Jquery。

var fields = [];
$('input[name^=fields]').each(function () {
    fields.push($(this).val());
});
var areas = [];
$('input[name^=areas]').each(function () {
    areas.push($(this).val());
});

我设法获取文本框值,但不是多行值(文本区域)

我该怎么做?

2 个答案:

答案 0 :(得分:2)

很明显,textarea不是<input>。你应该尝试类似的东西:

var areas = [];
$('textarea[name^=areas]').each(function () {
    areas.push($(this).val());
});

答案 1 :(得分:1)

但最佳做法是为textarea提供类名并按如下方式访问值:

<textarea class="areas"></textarea>
<textarea class="areas"></textarea>
<textarea class="areas"></textarea>


   var areas = new Array();
   $('.areas').each(function () {
         areas.push($(this).val());
   }); 

请检查:http://jsfiddle.net/Q9tm6/17/