Смотрите
вам нужно очистить разум от мусора.
То что вы показали круто, но наворочено там много.
Итак вам нужно сделать api на сервере
Список процессоров
GET /api/getProcessorList -
[
{"id": "1", "name": "Xeon"},
{"id": "2", "name": "Amd"},
]
Список систем охлаждения совместимым с выбранным процом
GET /api/getFanCompat/2
[
{"id": "2", "name": "groower"},
{"id": "4", "name": "waster"},
]
Список материнских плат совместимым с выбранным процом
GET /api/getMotherboard/2
[
{"id": "2", "name": "asus"},
{"id": "4", "name": "intel"},
]
И так по каждому пункту.
В итоге у вас получается обьект сборки
{
"client": "user",
"cpu": "1",
"fan": "2",
"mb": "14",
"ram": "99",
"ramCount": 4,
......
}
Его вы отправляете на сервер
Post /api/build
Отображаете поздравлялку и перекидываете на страницу оформления заказа,
