[jQuery] dodawanie inputów Opcje

[colachips]

Witam,

tworzę sobie skrypt ankiet, gdzie ankieta moze miec n pytań, każde pytanie zaś n odpowiedzi. Muszę jakoś dane pytanie i odpowiedzi do niego zgrupować, więc wpadłem na pomysł aby skorzystać z tablic. Tak to wygląda:

[HTML] pobierz, plaintext 
<dl>
	<h2>Dodaj pytania</h2>
 
	<dt><label for="questions[0][q]">Pytanie 1</label></dt>
	<dd><input type="text" name="questions[0][q]" id="questions[0][q]"></dd>
 
	<dt><label for="questions[0][a][0]">Odpowiedź 1</label></dt>
	<dd><input type="text" name="questions[0][a][0]" id="questions[0][a][0]"></dd>
 
	<dt><label for="questions[0][a][1]">Odpowiedź 2</label></dt>
	<dd><input type="text" name="questions[0][a][1]" id="questions[0][a][1]"></dd>
 
	<a href="#" class="link_add_answer">Dodaj kolejną odpowiedź</a><br />
	<a href="#" class="link_add_question">Dodaj następne pytanie</a>			
</dl>
[HTML] pobierz, plaintext 

Chciałbym, korzystając z jQuery aby można było dodawać kolejne pytania i odpowiedzi. Moim celem jest stworzenie takiego kodu, który doda pytanie w takiej formie:

[HTML] pobierz, plaintext 
...
<dt><label for="questions[1][q]">Pytanie 2</label></dt>
	<dd><input type="text" name="questions[1][q]" id="questions[1][q]"></dd>
 
	<dt><label for="questions[1][a][0]">Odpowiedź 1</label></dt>
	<dd><input type="text" name="questions[1][a][0]" id="questions[1][a][0]"></dd>
 
	<dt><label for="questions[1][a][1]">Odpowiedź 2</label></dt>
	<dd><input type="text" name="questions[1][a][1]" id="questions[1][a][1]"></dd>
 
	<dt><label for="questions[1][a][2]">Odpowiedź 3</label></dt>
	<dd><input type="text" name="questions[1][a][2]" id="questions[1][a][2]"></dd>
 
	<a href="#" class="link_add_answer">Dodaj kolejną odpowiedź</a><br />
	<a href="#" class="link_add_question">Dodaj następne pytanie</a>
[HTML] pobierz, plaintext 

Nie proszę o gotowca, chciałbym się czegoś nauczyć, dlatego jeśli ktoś może wskazać przynajmniej kierunek, w którym powinienem podążać, to będę wdzięczny. Mogę ewentualnie zapłacić, jesli ktoś ma coś gotowego (IMG:style_emoticons/default/smile.gif)

Pozdr.

[lukasz1985]

Może łatwiej byłoby gdybyś spróbował podejścia obiektowego.
Na przykład tworząc odmienne klasy dla ankiety, pytania i odpowiedzi

Wyglądałoby to mniej więcej tak, że klasa ankiety przetrzymywałaby węzeł DOM z kontenerem pytań, klasa pytań przetrzymywałaby węzeł DOM z kontenerem odpowiedzi.
Klasa ankiety miałaby metody dodające i usuwające pytanie.

Klasa odpowiedzi natomiast przetrzymywałaby węzeł z odpowiedzią.

Wtedy miałbyś ładną strukturę kodu:

Klasa "Ankieta" - właściwości, np:
- liczba pytań
- pytania (tablica z "Pytanie")
metody, np:
- dodaj pytanie
- usuń pytanie

Klasa "Pytanie" - właściwości, np:

- numer pytania
- treść pytania
- odpowiedzi (instancje "Odpowiedź")

Klasa "Pytanie" - metody np:
- zmien tresc pytania
- przenies pytanie wyzej
- przenies pytanie nizej

Klasa "Odpowiedź":
- analogicznie jak do pytania