如何使用多维数组获取输入名称元素答案

【问题标题】：How to get input name element with multidimensional array如何使用多维数组获取输入名称元素
【发布时间】：2021-03-21 15:30:51
【问题描述】：

我需要元素在jQuery中按名称或id作为变量获取相同的多维数组。

<input type="text" id="minrange_1" placeholder="Minimum Range" name="range[][min]">
<input type="text" id="maxrange_1" placeholder="Maximum Range" name="range[][max]">
<input type="text" id="rates_1" placeholder="Rates ($)" name="range[][rate]" >
<input type="text" id="minrange_2" placeholder="Minimum Range" name="range[][min]">
<input type="text" id="maxrange_2" placeholder="Maximum Range" name="range[][max]">
<input type="text" id="rates_2" placeholder="Rates ($)" name="range[][rate]" >

输出需求

value = [minrange_value, mxarange_value, rate_value]

或

vaulue = [
0 => {minrange=> minrange value, maxrange => mxarange_value, rate=>rate_value }
]

【问题讨论】：

香草提示：document.getElementById("id").value
重复 ID 是个坏主意。改用类
id 在 unique 中不重复

标签： javascript jquery vue.js

【解决方案1】：

    var minvalue = jQuery("input[name='range[][min]']").map(function(){return jQuery(this).val();}).get();
    var maxvalue = jQuery("input[name='range[][max]']").map(function(){return jQuery(this).val();}).get();
    var ratevalue = jQuery("input[name='range[][rate]']").map(function(){return jQuery(this).val();}).get();
var range = [];
for(var i=0; i<= minvalue.length;i++){
    var r = []; 
    r['min'] = minvalue[i];
    r['max'] = maxvalue[i];
    r['rate'] = ratevalue[i];
    range.push(r);
}

【讨论】：