blocks|key|1278547|text|使用map|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1278548|var+values+=+$("input[id='task']")
++++++++++++++.map(function(){return+$(this).val();}).get();|code-block|syntax|javascript|1278549|如果更改或删除id+(应该是唯一的)，还可以使用选择器$("input[name='task\\[\\]']")|style|CODE|1278550|工作示例：http://jsbin.com/ixeze3|1278551|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/map/|1|http://jsbin.com/ixeze3^0|2|3|0|0|0|R|T|0|5|N|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@$A|14|B|15|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|O|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

<p>Using <a href="http://api.jquery.com/map/" rel="noreferrer">map</a>:</p>

<pre><code>var values = $("input[id='task']")
              .map(function(){return $(this).val();}).get();
</code></pre>

<p>If you change or remove the id (which should be unique), you may also use the selector <code>$("input[name='task\\[\\]']")</code></p>

<p>Working example: <a href="http://jsbin.com/ixeze3" rel="noreferrer">http://jsbin.com/ixeze3</a></p>


blocks|key|1063878|text|对于多个元素，您应该给它一个类而不是id，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1063879|<input+type="text"+class="task"+name="task[]"+/>|code-block|syntax|javascript|1063880|现在，您可以使用jquery获得这些内容，如下所示：|1063881|$('.task').each(function(){
+++alert($(this).val());
});|1063882|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>For multiple elements, you should give it a class rather than id eg:</p>

<pre><code>&lt;input type="text" class="task" name="task[]" /&gt;
</code></pre>

<p>Now you can get those using jquery something like this:</p>

<pre><code>$('.task').each(function(){
   alert($(this).val());
});
</code></pre>


blocks|key|1278634|text|首先，你不应该在一个页面上有多个具有相同ID的元素-+ID应该是唯一的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1278635|您只需删除id属性，并将其替换为：|1278636|<input+type='text'+name='task'>|code-block|syntax|javascript|1278637|并获取task+do的值的数组|1278638|var+taskArray+=+new+Array();
$("input[name=task]").each(function()+{
+++taskArray.push($(this).val());
});|1278639|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Firstly, you shouldn't have multiple elements with the same ID on a page - ID should be unique.</p>

<p>You could just remove the id attribute and and replace it with:</p>

<pre><code>&lt;input type='text' name='task'&gt;
</code></pre>

<p>and to get an array of the values of task do</p>

<pre><code>var taskArray = new Array();
$("input[name=task]").each(function() {
   taskArray.push($(this).val());
});
</code></pre>


blocks|key|1064099|text|为了捕获名称数组，我使用了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1064100|$("input[name*='task']")|code-block|syntax|javascript|1064101|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>To catch the names array, i use that:</p>

<pre><code>$("input[name*='task']")
</code></pre>


blocks|key|1278476|text|不能对文档中的多个元素使用相同的id。保持元素的ids不同，名称相同。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1278477|<input+type="text"+id="task1"+name="task"+/>
<input+type="text"+id="task2"+name="task"+/>
<input+type="text"+id="task3"+name="task"+/>
<input+type="text"+id="task4"+name="task"+/>
<input+type="text"+id="task5"+name="task"+/>

var+newArray+=+new+Array();

$("input:text[name=task]").each(function(){
++++newArray.push($(this));
});|code-block|syntax|javascript|1278478|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can't use same id for multiple elements in a document. Keep the ids different and name same for the elements.</p>

<pre><code>&lt;input type="text" id="task1" name="task" /&gt;
&lt;input type="text" id="task2" name="task" /&gt;
&lt;input type="text" id="task3" name="task" /&gt;
&lt;input type="text" id="task4" name="task" /&gt;
&lt;input type="text" id="task5" name="task" /&gt;

var newArray = new Array();

$("input:text[name=task]").each(function(){
    newArray.push($(this));
});
</code></pre>


blocks|key|1064179|text|HTML：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1064180|<input+type="text"+name="task[]"+class="form-control"+id="task">|code-block|syntax|javascript|1064181|JS：|1064182|var+tasks=+new+Array();
$('input[name%5E="task"]').each(function()+
{
tasks.push($(this).val());
});|1064183|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>HTML:</p>

<pre><code>&lt;input type="text" name="task[]" class="form-control" id="task"&gt;
</code></pre>

<p>JS:</p>

<pre><code>var tasks= new Array();
$('input[name^="task"]').each(function() 
{
tasks.push($(this).val());
});
</code></pre>


blocks|key|1064142|text|如果您希望选择器获得相同的id，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1064143|$("[id=task]:eq(0)").val();
$("[id=task]:eq(1)").val();
etc...|code-block|syntax|javascript|1064144|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if you want selector get the same id, use：</p>

<pre><code>$("[id=task]:eq(0)").val();
$("[id=task]:eq(1)").val();
etc...
</code></pre>


blocks|key|1278770|text|您可以使用jquery.serializeJSON来完成此操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1278771|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/marioizquierdo/jquery.serializeJSON^0|5|K|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>You can use <a href="https://github.com/marioizquierdo/jquery.serializeJSON" rel="nofollow">jquery.serializeJSON</a> to do this.</p>


blocks|key|1064212|text|问:如何访问名称数组文本字段|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1064213|<input+type="text"+id="task"+name="task[]"+/>|code-block|syntax|javascript|1064214|答案-使用输入名称数组：|1064215|$('input[name="task\\[\\]"]').eq(0).val()
$('input[name="task\\[\\]"]').eq(index).val()|1064216|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Q:How to access name array text field </p>

<pre><code>&lt;input type="text" id="task" name="task[]" /&gt;
</code></pre>

<p>Answer - Using Input name array :</p>

<pre><code>$('input[name="task\\[\\]"]').eq(0).val()
$('input[name="task\\[\\]"]').eq(index).val()
</code></pre>


<p>I have a form where users can add input fields with jQuery.</p>

<pre><code>&lt;input type="text" id="task" name="task[]" /&gt;
</code></pre>

<p>After submitting the form I get an array in PHP.</p>

<p>I want to handle this with the <code>$.ajax()</code> but I have no idea how to turn my <code>&lt;input&gt;</code>s to an array in jQuery.</p>

<p>Thanks in advance.</p>


How to get an Array with jQuery, multiple <input> with the same name

jQuery

我有一个表单，用户可以用jQuery添加输入字段。<input type="text" id="task" name="task[]" />提交表单后，我得到一个PHP格式的数组。我想用$.ajax()来处理这个问题，但是我不知道如何将我的<input>转换成jQuery中的数组。提前谢谢。

问如何使用jQuery和多个同名<input>获取数组
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery和多个同名<input>获取数组EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery和多个同名<input>获取数组
EN