Werte von Eingabefeldern mit dem gleichen Namen erhalten propily formatiert

Question

Ich habe einige Eingabefelder mit dem gleichen Namen wie Arrays in einer Schleife.

Etwas wie:

<input name="vehicle[$i][amount]" ...> // $i = 1 
<input name="vehicle[$i][name]" ...> 

<input name="vehicle[$i][amount]" ...> // $i = 1 
<input name="vehicle[$i][name]" ...> 

<input name="vehicle[$i][amount]" ...> // $i = 1 
<input name="vehicle[$i][name]" ...> 

Jetzt möchte ich die Werte aller Eingänge mit dem Namen „Fahrzeug“ bekommen

Der Ausgang ich sollte etwas sein wollen wie:

[0] => 'amount' => (for example) 5 
     'name' => BMW 
[1] => 'amount' => (for example) 15 
     'name' => Audi 

und so weiter.

Wie bekomme ich das? Ich habe mehrere Dinge ausprobiert.

Etwas wie:

var vehicle; 
    $('input[name="product"]').each(function() { 
     vehicle.push($(this).val()); 
    }); 

Aber diese und ähnliche Lösungen, die ich versucht habe, haben für mich nicht funktioniert.

Dank vier Ihre Hilfe und Entschuldigung für mein schlechtes Englisch!

Answer 1

Sie die Eingabe mit dieser erstellen:

<?php 
for($i = 0; $i < 3; $i++) { 
    print('<div class="vehicle">'); 
    print('<input name="amount">'); 
    print('<input name="name">'); 
    print('</div>'); 
} 
?> 

Und dann ...

var vehicle = []; 
 
$('div.vehicle').each(function() { 
 
    var name = $(this).children('input[name="name"]').val(); 
 
    var amount = $(this).children('input[name="amount"]').val(); 
 
    vehicle.push({ name: name, amount: amount }); 
 
}); 
 

 
console.log(vehicle);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="vehicle"> 
 
    <input type="text" name="name" value="BMW"> 
 
    <input type="number" name="amount" value="5"> 
 
</div> 
 
<div class="vehicle"> 
 
    <input type="text" name="name" value="Audi"> 
 
    <input type="number" name="amount" value="3"> 
 
</div> 
 
<div class="vehicle"> 
 
    <input type="text" name="name" value="Ford"> 
 
    <input type="number" name="amount" value="6"> 
 
</div>

Answer 2

Sie alle Fahrzeug mit Namen bekommen können, enthalten die Zeichenfolge mit Wahl *:

var vehicle = []; 
$('input[name*="Audi"]').each(function() { 
    vehicle.push($(this).val()); 
}); 

Answer 3

You can try this: 

<input name="titles[]"> 
<input name="titles[]"> 
​<button>submit</button>​​​​​​​​​​​​​​​​​​​​​​​ 

With this jQuery 

// click handler 
function onClick(event) { 
    var titles = $('input[name^=titles]').map(function(idx, elem) { 
    return $(elem).val(); 
    }).get(); 

    console.log(titles); 
    event.preventDefault(); 
} 

// attach button click listener on dom ready 
$(function() { 
    $('button').click(onClick); 
});