如何從多個標簽中獲取多個數據，並將它們存儲為 javascript、jquery 中的 json

Question

<select class="form-control js-example-basic-single getDress" name="dress[]" id="dress"
                                    style="width: 50%;">
                                <option></option>
                            </select>
                            <input type="text" class="form-control" id="amount" name="amount[]" style="width: 40%;"
                                   placeholder="How many?">
                            <button type="button" class="btn btn-secondary" id="add-more"><i
                                        class="fa fa-plus"></i></button>
                            </div

html 在上面

 let dress = document.getElementsByName('dress[]');
    let amount = document.getElementsByName('amount[]');

        let a, b, i;
    for ( i = 0; i < dress.length && amount.length; i++) {
         a = dress[i];
        b = amount[i];
       
    let Dresses = [];
    Dresses[i] = [a.value, b.value];
    console.log(Dresses[i]);


    let k, n = Dresses.length;
    console.log(Dresses.length);

        let tmp = [];
        for (k = 0; k < n; k++) {
            tmp[k] = new DressDetails(Dresses[k][0], Dresses[k][1]);
            console.log(tmp[k]);
        }
        let objJSON = JSON.stringify(tmp);
        console.log(objJSON);

有沒有辦法將 JSON 響應結合在一起？ 因為我分別得到答復。

它給我的回應是[{"dressType":"T-Shirt","dressAmount":"2"}] 。 僅適用於 1 個輸入。 但是如果有多個輸入，它會向我顯示這個錯誤“ Uncaught TypeError: Cannot read property '0' of undefined ”。

Answer 1

你想要這樣的東西嗎？

 let dress = [{ value: 'dress1' }, { value: 'dress2' }] let amount = [{ value: 1 }, { value: 2 }] const result = dress.map((dress, index) => ({ dress: dress.value, price: amount[index].value })) console.log(result);

Answer 2

let dress = document.getElementsByName('dress[]');
    let amount = document.getElementsByName('amount[]');
    let a, b, i;
    let Dresses = [];
    let tmp = [];
    for (i = 0; i < dress.length && i < amount.length; i++) {
        a = dress[i];
        b = amount[i];
        Dresses[i] = [a.value, b.value];
    }
    Dresses.forEach((Dresses, index) => {
        tmp[index] = new DressDetails(Dresses[0], Dresses[1]);
        // console.log( new DressDetails(Dresses[0], Dresses[1]));
        //  console.log('Index: ' + index + ' Value: ' + Dresses);

    });
    let objJSON = JSON.stringify(tmp);
    console.log(objJSON);

終於做對了。 這是正確的格式。 謝謝您的幫助。