blocks|key|211260|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211261|const+textValues+=+$.map($('input[type=text][name="pages_title[]"]'),+function(el)+{+return+el.value;+});
+++console.log(textValues);|code-block|syntax|javascript|211262|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input+type="text"+value="Hello"+name="pages_title[]">
<input+type="text"+value="World"+name="pages_title[]">|211263|211264|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const textValues = $.map($('input[type=text][name="pages_title[]"]'), function(el) { return el.value; });
   console.log(textValues);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;input type="text" value="Hello" name="pages_title[]"&gt;
&lt;input type="text" value="World" name="pages_title[]"&gt;</code></pre>
</div>
</div>
</p>


blocks|key|211643|text|使用map方法，我们可以获得存储在数组中的输入值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211644|var+values+=+$("input[name='pages_title[]']").map(function(){return+$(this).val();}).get();|code-block|syntax|javascript|211645|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>use map method we can get input values that stored in array.</p>

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


blocks|key|211376|text|您需要使用starts+with+selector|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|211377|var+elems+=+$(+"[name%5E='pages_title']"+);|code-block|syntax|javascript|211378|但更好的解决方案是向元素添加一个类并引用该类。原因是它是一个更快的查找。|211379|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attribute-starts-with-selector/^0|5|K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>You need to use the <a href="http://api.jquery.com/attribute-starts-with-selector/" rel="noreferrer">starts with selector</a></p>

<pre><code>var elems = $( "[name^='pages_title']" );
</code></pre>

<p>But a better solution is to add a class to the elements and reference the class. The reason it is a faster look up.</p>


blocks|key|211441|text|您可以为输入文本框指定类名，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211442|<input+type="text"+value="2"+name="pages_title[1]"+class="pages_title">
<input+type="text"+value="1"+name="pages_title[2]"+class="pages_title">|code-block|syntax|javascript|211443|然后像这样迭代：|211444|$('input.pages_title').each(function()+{
++++alert($(this).val());+
});|211445|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>You can give your input textboxes class names, like so:</p>

<pre><code>&lt;input type="text" value="2" name="pages_title[1]" class="pages_title"&gt;
&lt;input type="text" value="1" name="pages_title[2]" class="pages_title"&gt;
</code></pre>

<p>and iterate like so:</p>

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


blocks|key|211502|text|我认为最好的方法是使用Propper表单和jQuery.serializeArray。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|211503|
<form+class="a-form">
++++<select+name="field[something]">...</select>
++++<input+type="checkbox"+name="field[somethingelse]"+...+/>
++++<input+type="radio"+name="field[somethingelse2]"+...+/>
++++<input+type="text"+name="field[somethingelse3]"+...+/>
</form>


<script>
$(document).ready(function(){
++++$.ajax({
++++++++url:+'submit.php',
++++++++type:+'post',
++++++++data:+$('form.a-form').serializeArray(),
++++++++success:+function(response){
++++++++++++...
++++++++}
++++});
});
</script>|code-block|syntax|javascript|211504|这些值将以$_POST['field'][INDEX]的形式在PHP中可用。|style|CODE|211505|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/serializeArray/^0|L|L|0|0|0|5|M|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>I think the best way, is to use a Propper Form and to use <a href="https://api.jquery.com/serializeArray/" rel="nofollow noreferrer">jQuery.serializeArray</a>.</p>
<pre><code>&lt;!-- a form with any type of input --&gt;
&lt;form class=&quot;a-form&quot;&gt;
    &lt;select name=&quot;field[something]&quot;&gt;...&lt;/select&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;field[somethingelse]&quot; ... /&gt;
    &lt;input type=&quot;radio&quot; name=&quot;field[somethingelse2]&quot; ... /&gt;
    &lt;input type=&quot;text&quot; name=&quot;field[somethingelse3]&quot; ... /&gt;
&lt;/form&gt;

&lt;!-- sample ajax call --&gt;
&lt;script&gt;
$(document).ready(function(){
    $.ajax({
        url: 'submit.php',
        type: 'post',
        data: $('form.a-form').serializeArray(),
        success: function(response){
            ...
        }
    });
});
&lt;/script&gt;
</code></pre>
<p>The Values will be available in PHP as <code>$_POST['field'][INDEX]</code>.</p>


blocks|key|211710|text|最常用的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211711|$("input[name='varname[]']").map(+function(key){
++++console.log(key%2B':'%2B$(this).val());
})|code-block|syntax|javascript|211712|假设你得到了数组位置的键和值。|211713|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Most used is this:</p>

<pre><code>$("input[name='varname[]']").map( function(key){
    console.log(key+':'+$(this).val());
})
</code></pre>

<p>Whit that you get the key of the array possition and the value.</p>


blocks|key|211566|text|您可以使用双反斜杠转义方括号，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|211567|$('input[name="pages_title\\[\\]"]')|offset|length|style|CODE|211568|entityMap^0|0|0|10|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>You can escape the square brackets with double backslashes like this:</p>

<p><code>$('input[name="pages_title\\[\\]"]')</code></p>


blocks|key|211738|text|var+data+=+$("input[name='page_title[]']")
++.map(function+()+{
++++return+$(this).val();
++})
++.get();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|211739|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre class="lang-js prettyprint-override"><code>var data = $(&quot;input[name='page_title[]']&quot;)
  .map(function () {
    return $(this).val();
  })
  .get();
</code></pre>


<p>I've found similar questions here but nothing works for me.</p>

<p>have inputs like:</p>

<pre><code>&lt;input type="text" value="2" name="pages_title[1]"&gt;
&lt;input type="text" value="1" name="pages_title[2]"&gt;
</code></pre>

<p>trying to get these fields like:</p>

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

<p>but have empty results :(</p>

<p>how to get all fields?
I can only get it like <code>$('input[name="pages_title[1]"]')</code></p>


Jquery get input array field

我在这里发现了类似的问题，但对我来说都不起作用。输入如下：<input type="text" value="2" name="pages_title[1]"><input type="text" value="1" name="pages_title[2]">尝试像这样获取这些字段：$('input[name="pages_title[]"]')但结果为空:(如何获取所有字段？我只能像$('in

问Jquery获取输入数组字段
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery获取输入数组字段EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery获取输入数组字段
EN