搜 索

怎样以数组形式提交文本框表单内容

编辑:QTOOL.NET日期:2019-07-17201

在制作网站的一些时候, 我们一般是这样提交一个文本框表单内容的:
<input type="text" name="one"/> 
如果多个我们可以用两个文本框提交
<input type="text" name="one"/>
<input type="text" name="two"/>
<input type="text" name="three"/> 
但如果想要将这三个文本框中的值统一到数组中去,以数组的形式来提交我们该怎么做
<input class="list" type="text" name="txt"/>
<input class="list" type="text" name="txt"/>
<input class="list" type="text" name="txt"/> 
其实很简单,我们可以将多个name属性命名为txt或者txt[]这样我们就可以以数组形式提交文本框中的内容了. 如果我们需要提交更复杂点的二维数组呢? 
如果还是用不同命名最后通过js或者后台处理接收数据是非常烦的:
<div class="txt-list">
<input type="text" name="onoe"/>
<input type="text" name="two"/>
<input type="text" name="three"/>
</div>
<div class="txt-list">
<input type="text" name="onoe2"/>
<input type="text" name="two2"/>
<input type="text" name="three2"/>
</div>
这时候我们就可以使用如下代码来提交数组内容:
<div class="arr-li">
<input type="text" name="inarr[1][one]"/>
<input type="text" name="inarr[1][two]"/>
<input type="text" name="inarr[1][three]"/>
</div>
<div class="arr-li">
<input type="text" name="inarr[2][one]"/>
<input type="text" name="inarr[2][two]"/>
<input type="text" name="inarr[2][three]"/>
</div>
这样无论是后台接收处理,还是使用ajax获取表单内容提交数据都可以很方便的处理这些数组数据内容。

TAG标签:数组
此文章由QTOOL.NET编辑
最新文章

热门标签