Wie mehrere Array-Eingang mit Jquery

Question

My form

<div class="form-inline form-group"> 
    <div class="input-group form-group"> 
    <input class="form-control" type="text" name="budget-value1[]" size="3" placeholder="10"> 
    <label>hrs x</label> 
    <input class="form-control" type="text" name="budget-value2[]" size="3" placeholder="10"> 
    <select class="form-control" name="budget-type2[]" id="type"> 
    <label>usd x</label> 
    <input class="form-control" type="text" name="budget-value3[]" size="3" placeholder="10"> 
    <label>person x</label> 
    <input class="form-control" type="text" name="budget-value4[]" size="3" placeholder="10"> 
    <label>days =</label> 
    <input class="form-control" type="text" name="budget-sum[]" size="4" value="" readonly="readonly" style="cursor:not-allowed;"> 
    <label>usd</label> 
    </div> 
</div> 

Ich möchte multiplizieren 4 Wert und Anzeige auf budget-sum Wie kann ich es bekommen vermehren?

Answer 1

Sie könnten wie folgt vorgehen;

var sum = [...document.querySelector("div.form-inline.form-group") 
         .querySelectorAll("input[placeholder=10]")].reduce((p,c) => p+c) 

und fügen Sie anschließend die sum Wert

document.querySelector("div.form-inline.form-group") 
     .querySelector("input[size=4]")