Odbieranie danych z wygenerowanych input boxów

0

Witajcie ^^
Tworze cms dla społeczności odgrywającej milsim w armie 3. Projekt jak na mnie jest dosyć spory i niestety nadszedł moment w którym mnie przerósł i musze się zwrócić do was z pytaniem. Postaram się wyjaśnić najobszerniej o co mi chodzi.
Stworzyłem w JS system dodawania input-boxów w których można napisać nazwę druzyny i obok nich przycisk do usuwania tejże drużyny i przycisk dodawania slota (drużyna składa się z slotów). Po "dodaniu" slota tworzy się kolejny inbox do wpisania nazwy slota. Tutaj link jak to wszystko działa -> https://codepen.io/Widar/pen/pojepNJ
Problem polega na tym że musze to wszystko zebrać i zapisać w bazie danych wartości wpisane w input-boxach tak żeby potem móc odwzorować tą samą strukturę już w innym pliku.
W razie jakichkolwiek pytań z chęcią odpowiem ^^

P.S Nie umiem zbytnio JS korzystam z niego pierwszy raz na potrzeby tego projektu więc byłbym wdzięczny za poprowadzenie za rączke :>.

0

Popraw sobie dodawanie slotów. Elementy <li> nie lądują tam gdzie powinny.

screenshot-20200424194512.png

IMHO najprościej zebrać te dane do JSON'a i przekazać do skryptu PHP.
np w takiej postaci:

[{"name":"druzyna1","slots":["slot_1","slot_2","slot3"]},{"name":"druzyna2","slots":["slot2_1","slot2_2"]}]
0

Przepraszam jeśli zabrzmi to trywialnie ale mógłbyś mi to bardziej wytłumaczyć? Jakby to miało działać, czy wiedziało by ile "slotów" wygenerował użytkownik?, jak moge te dane potem odebrać w phpie?

1

Tutaj demo z wykorzystaniem jQuery
https://jsfiddle.net/m2o6jqxz/

Ogólnie iterujesz (pętla) po bezpośrednich dzieciach elementu o klasie .druzyny
Później pobierasz nazwę i przeglądasz kolejną zagnieżdżoną listę.

w PHP masz funkcję json_decode, która zwija Ci ten ciąg do tablicy.

0

@NewUser2k13: Przede wszystkim dzięki za zainteresowanie ale jestem newbie w JSie a co dopiero w jQuery i ledwo co rozumiem co dzieje się w podesłanym przez ciebie kodzie >.< i nadal nie wiem jak spakować to wszystko ładnie i wrzucić do bazy danych.

1

@Widarek
https://jsfiddle.net/shabzL1d/

Pierwszy element tablicy to nazwa Drużyny, pozostałe to sloty. Oczywiście strukturę JSONa możesz zmienić na taką jak Tobie odpowiada. To tylko demo.

w pliku dodajsloty.php
zrób sobie

echo '<pre>';
print_r(json_decode($_POST['json']));
echo '</pre>';
0

@NewUser2k13: Dalej już sobie poradze, dziękuje ^^

1 użytkowników online, w tym zalogowanych: 0, gości: 1