PHP Dodawanie dynamicznie pól formularza Opcje

[kopecsrk]

Witam, mój problem jest następujący.

Posiadam skrypt który tworzy mi odpowiednio dodatkowe pola formularza..

[PHP] pobierz, plaintext 
$('#addpyt2').click(function() {
                $('#elements2 .element3:first').clone().appendTo($('#elements2'));
                return false;
            });
            $('#deleteodp').live('click', function() {
               $(this).parent().remove();
                return false;
            });
            $('#dodajpytzam').click(function() {
                $('#elements2 .element2:first, #elements2 .element3:first').clone().appendTo($('#elements2'));
                return false;
            });
            $('#deletepyt3').live('click', function() {
               $('#elements2 .element2:last, #elements2 .element3:last').remove();
                return false;
        });
[PHP] pobierz, plaintext 

Elementy które są dodawane :

[HTML] pobierz, plaintext 
<div class="row">
        <span  class="rekrutacjaadd">6. Dodaj pytanie zamkniete </span><br><br>
        <table>
            <thead>
                <tr>
                    <td></td>
                </tr>
            </thead>
            <tbody id="elements2">
            <div class="allelement">
                <tr class="element2">
                    <td><textarea maxlength="322" name="comment2"></textarea><div id="deletepyt3"></div></td>
                </tr>
                <tr class="element3">
                    <td><span>odpowiedz</span><textarea maxlength="322" name="comment3"></textarea><div style="float:right;"id="deleteodp"></div></td>
                </tr>
            </div>
            </tbody>
            <td><div id="addpyt2"></div><span>dodaj</span></td>
        </table>
        <br>
        <div id="dodajpytzam">dodaj pytanie<div id="dodajpytzam1"></div></div>
    </div>
[HTML] pobierz, plaintext 

Działa to tak :

Posiadam pola formularza : Pytanie i odpowiedz

Po kliknieciu w przycisk "addpyt" dodaje pole na odpowiedzi do danego pytania czyli:

PYTANIE: cos tam?
odp: 1
odp: 2
odp: /n

I pozniej jeżeli klikne w "dodaj pytanie" dodaje mi pod spodem lolejne pola : pytanie i odpowiedz, i dalej moge dodawać odpowiedzi, to jest na zazasie odpowiedzi w checkboxsach dla tego moge dodawac odpowiedzi ile chce.

I teraz moje pytanie jak zrobic żeby po dodawaniu nowego okna byla informacja ktorę odpowiedzi są do którego pytania czyli np:

pytanie 1: co tam? [id1]
odp: 1 [pyt id=1]
odp: 2 [pyt id=1]

i kolejne dodane pytanie:

pytanie 2: co tam 2? [id2]
odp: 1 [pyt id=2]
odp: 2 [pyt id=2]

Nie wiem czy dobrze to opisałem ale chodzi mi o coś takiego..żeby w konsoli po zbadaniu elementu żebym widział co do czego należy.

Ten post edytował kopecsrk 9.05.2013, 13:55:58

[kopecsrk]

Witaj, przeanalizowałem twój kod, i wszystko działa, lecz chciałbym to by to się generowało w tabeli, a ty ustawiłeś varunki pyt i odp i one generują się osobno , jak mógłbym połączyć je w tabeli?

[PHP] pobierz, plaintext 
<script type="text/javascript">
        $(function() {
 
            var pytanie = '<div class="pytanie">' +
                    ' <table style="width:550px;box-shadow: 1px 1px 17px rgba(218, 196, 163, 0.6);">' +
                    '<tr>' +
                    '<td><span class="number">Pytanie <span></span></span></td>' +
                    '</tr>' +
                    '<tr>' +
                    '<td><p class="pyt">Treść pytania: <input style="width:391px;margin-left:24px;" type="text" name="" /></p></td>' +
                    '</tr>' +
                    '<tr>' +
                    '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>' +
                    '</tr>' +
                    '</table>' +
                    '</div>';
 
            var odpowiedz = '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>';
 
            $('.dodaj_pytanie').click(function() {
 
                $('.pytania div:first').append(pytanie);
                generate_name_and_numbers();
                return false;
            });
 
            $('.dodaj_odpowiedz').click(function() {
 
                $('.pytanie:last').append(odpowiedz);
                generate_name_and_numbers();
                return false;
            });
 
            function generate_name_and_numbers() {
                $('.pytanie').each(function(index) {
 
                    $(this).find('.number span').html(index + 1);
                    $(this).find('.pyt input').attr('name', 'pyt[' + index + ']');
                    $(this).find('.odp input').each(function() {
                        $(this).attr('name', 'odp[' + index + '][]');
                    });
                });
            }
 
 
        });
    </script>
[PHP] pobierz, plaintext 

Pytanie generuje się w tabeli, ale odpowiedz generuje się pod tabelą, a chciałbym by generowalo się w tej samej tabeli. chciałbym coś takiego jak miałem:

(IMG:http://zapisz.net/images/874_div.png)

po prawo, przyciski z "diva" (-) <-- który usuwa pytanie lub odpowiedzi przy każdym jest tworzony, i przycisk dodaj tak samo.