Как собрать все выбранные параметры в один массив?

Question

[VladislavNaida]

Доброго дня. Реализую вариации товаров на PHP. На странице товара выводятся параметры товара вида:
Ширина
-1метр
-2метра
-....

Длина
-10метров
-20метров
-...

Цвет
-Красный
-Зелёный
-...

И так далее.
Количество значений и параметров мы заранее не знаем. Так как у каждого товара оно может быть разным.
Задача всё это собрать в один массив, вида [1 метр, 10метров, красный] через JS, чтобы отправить их Ajax-ом

Пробовал создавать массив и по клику записывать в него значение, но тогда мы получается можем добавить в него все виды ширины или цвета, а нужно только по одному значению каждого параметра.

Надеюсь о очень запутанно объяснил) и спасибо за отклики

Comments

[fff ttt]

Если я правильно понял, что надо сделать. То я бы попробовал через <input type='radio'/>
для ширины в кнопках задал name=''width , длины 'length' и 'color', а потом просто собирал эти значения с них и отправлял

[VladislavNaida]

fff ttt, Добрый день) Вы всё правильно поняли, почти)
Вопрос стоит не в том - ЧТО сделать, а в том - КАК сделать)
- это уже реализовал. И если бы у меня небыло неопределённого количества параметров, допустим, только ширина - то проблем бы не было. А так у нас может быть там любое количество, цвет, вес, покрытие и так далее.
То есть мы заранее не заем количество параметров.
По выводу есть такой вот код, возможно так будет проще:

@foreach ($product->attributes as $attribute)
    <div class="h3">{{ $attribute->name }}</div>
    <div class="palette-scroll mb-4">
        <div class="attr" style="flex-wrap: wrap;">
            @foreach ($attribute->values as $value)
                <div class="form_radio_btn">
                    <input id="{{ $attribute->name . $loop->index }}" class="s" type="radio" name="{{ $attribute->name }}" value="{{ $value->value }}" onclick="check(this)">
                    <label for="{{ $attribute->name . $loop->index }}">{{ $value->value }}</label>
                </div>
            @endforeach
        </div>
    </div>
@endforeach

Answer 1

[Антон Антон]

Есть много вариантов. Лично мне нравится вот такой: https://codepen.io/team/Vue/pen/bGdmoyj