创建动态表单的jQuery多维数组

我有以下的形式，我动态增加更多的下拉列表中（完全一样，因为这些）如果链接用户点击添加更多的项目创建动态表单的jQuery多维数组

<div class="dynamic-sale"> 
     <select name="sizes[]" id="sizes" class="entry-dropdown"> 
     <option value="3XL">3XL</option> 
     <option value="2XL">2XL</option> 
     <option value="XL">XL</option> 
     <option value="L">L</option> 
     <option value="M">M</option> 
     <option value="YL">YL</option> 
     <option value="YM">YM</option> 
     </select> 
    <select name="number[]" id="amount" class="entry-dropdown"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
    <select name="price[]" id="price" class="entry-dropdown"> 
     <option value="15">$15</option> 
     <option value="12.5">$12.5</option> 
     <option value="10">$10</option> 
     <option value="0">Free</option> 
    </select> 
</div>

我的问题我的意思是，我想把结果拿到一个格式中，我可以把所有东西都加上去。

所以它会说我有多少尺寸，每个尺寸有多少，价格。我假设我需要一个多维数组。

我目前有：

$('#order-submit').click(function(){ 

var size = []; 
var price = []; 
var quantity = []; 

$.each($('.entry-dropdown'), function() { 

    size.push($(this).val()); 


}); 
    console.log(size);

但是，这一切给我的是一个数组：[ “XL”， “3”， “15”， “3XL”， “1”， “15”] （当我测试它时）

以可用格式获取数据的最佳方式是什么？

我希望有道理！谢谢

来源

2011-12-16 Bill

你必须遍历每个dynamic-sale元素。然后，循环遍历子元素，并将这些值添加到子数组中。

var result = [];        // <-- Main array 
$(".dynamic-sale").each(function(){ 
    var individual_result = [];    // <-- "sub"-array 
    $(this).find("select").each(function(){ 
     individual_result.push($(this).val()); 
    }) 
    result.push(individual_result);   // <-- Add "sub" array to results 
});

此方法返回的数组，由具有size, price and quantity阵列。

如果你想要把这些值在一个单独的阵列，使用方法：

var size = [], 
    price = [], 
    quantity = []; 
$(".dynamic-sale").each(function(){ 
    var selects = $(this).find("select"); 
    size.push(selects.eq(0).val()); 
    price.push(selects.eq(1).val()); 
    quantity.push(selects.eq(2).val()); 
});

来源

2011-12-16 20:08:43

这就是我一直在寻找的。这现在很有意义。谢谢！ – Bill 2011-12-16 20:13:52

这是一个有点不同，但这样的事情可能是一个想法：

var data = []; 

$("#order-submit").click(function() { 
    $(".dynamic-sale").each(function() { 
     var $saleDiv = $(this); 
     data.push({ 
      size: $saleDiv.children(".size-dropdown").val(), 
      amount: window.parseInt($saleDiv.children(".amount-dropdown").val(), 10), 
      price: window.parseFloat($saleDiv.children(".price-dropdown").val()) 
     });  
    }); 
});

你可以这样结束了与Array的Object s，每个代表您的表中的行，类似：

[ 
    {size: "3XL", amount: 1, price: 0}, 
    {size: "M", amount: 7, price: 12.5} 
    ... 
]

来源

2011-12-16 20:15:27 jabclab

创建动态表单的jQuery多维数组

回答

相关问题