Dodawanie dodatkowych pól formularza

0

Cześć, postanowiłem sobie trochę odświeżyć wiedzę z php, a potrzebuję pewnej rzeczy z JS, której nie potrafię zrobić. Chodzi o dynamiczne dodanie pól formularza. Mam pewne pole:

<input name="ilosc" type="number" min="1" />

Po wpisaniu liczby chciałbym, żeby dodało tyle pól tekstowych, np.:

<input name="pole1" type="text" />
<input name="pole2" type="text" />

Problem w tym, że nie potrafię nic w JS, raz udało mi się przy pomocy forumowiczów zrobić kalkulator BMI xD Nie mam żadnego kodu w JS, ani innych pól formularza, więc nie będę podawał całego kodu, bo to nie ma sensu.
Jeśli da radę, to bym poprosił, żeby to nie był gotowiec, bo chciałbym trochę pogłówkować. Najwyżej dam znać, jeśli mi się nie uda. Dzięki ;)

P.S. Nie znalazłem nic ciekawego na forum, ani na żadnych innych stronach, więc przepraszam, jeśli zdublowałem.

0

Na pewno przyda się w "słusznym" rozwiązaniu problemu:
http://stackoverflow.com/questions/9073690/post-an-array-from-an-html-form-without-javascript

A pola, których potrzebujesz dodawaj ajaxem, np. z użyciem jquery: http://api.jquery.com/append/
Możesz w pętli dodać tyle pól ile potrzebujesz. Ale jeśli chcesz móc je usuwać, to będziesz musiał trochę pokombinować :) Np. przy każdym polu dodasz przycisk, który je usuwa. Do tego musisz jakoś identyfikować każde pole np. nadając im unikatowe id, ewentualnie niech ten przycisk usuwa parent div, a każdego inputa razem z tym przyciskiem wsadzisz do tego diva. Żeby dorwać parent div może Ci się przydać funkcja parent, albo closest, w zależności od potrzeb: https://api.jquery.com/parent/ albo https://api.jquery.com/closest/

0

Wszystko spokojnie zrobisz w JS. Zakładasz change eventa na input w którym user wpisuje ile ma być pól, odczytujesz jego zawartość i na tej podstawie robisz pętle, którą dodajesz daną ilość nowych pól.

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