Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> PHP Dodawanie dynamicznie pól formularza
kopecsrk
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 30.04.2013

Ostrzeżenie: (0%)
-----


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

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

  1. $('#addpyt2').click(function() {
  2. $('#elements2 .element3:first').clone().appendTo($('#elements2'));
  3. return false;
  4. });
  5. $('#deleteodp').live('click', function() {
  6. $(this).parent().remove();
  7. return false;
  8. });
  9. $('#dodajpytzam').click(function() {
  10. $('#elements2 .element2:first, #elements2 .element3:first').clone().appendTo($('#elements2'));
  11. return false;
  12. });
  13. $('#deletepyt3').live('click', function() {
  14. $('#elements2 .element2:last, #elements2 .element3:last').remove();
  15. return false;
  16. });


Elementy które są dodawane :

  1. <div class="row">
  2. <span class="rekrutacjaadd">6. Dodaj pytanie zamkniete </span><br><br>
  3. <tr>
  4. <td></td>
  5. </tr>
  6. </thead>
  7. <tbody id="elements2">
  8. <div class="allelement">
  9. <tr class="element2">
  10. <td><textarea maxlength="322" name="comment2"></textarea><div id="deletepyt3"></div></td>
  11. </tr>
  12. <tr class="element3">
  13. <td><span>odpowiedz</span><textarea maxlength="322" name="comment3"></textarea><div style="float:right;"id="deleteodp"></div></td>
  14. </tr>
  15. </div>
  16. </tbody>
  17. <td><div id="addpyt2"></div><span>dodaj</span></td>
  18. </table>
  19. <br>
  20. <div id="dodajpytzam">dodaj pytanie<div id="dodajpytzam1"></div></div>
  21. </div>


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kopecsrk
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 30.04.2013

Ostrzeżenie: (0%)
-----


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?

  1. <script type="text/javascript">
  2. $(function() {
  3.  
  4. var pytanie = '<div class="pytanie">' +
  5. ' <table style="width:550px;box-shadow: 1px 1px 17px rgba(218, 196, 163, 0.6);">' +
  6. '<tr>' +
  7. '<td><span class="number">Pytanie <span></span></span></td>' +
  8. '</tr>' +
  9. '<tr>' +
  10. '<td><p class="pyt">Treść pytania: <input style="width:391px;margin-left:24px;" type="text" name="" /></p></td>' +
  11. '</tr>' +
  12. '<tr>' +
  13. '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>' +
  14. '</tr>' +
  15. '</table>' +
  16. '</div>';
  17.  
  18. var odpowiedz = '<td><p class="odp">Treść odpowiedz: <input style="width:235px;" type="text" name="" /></p></td>';
  19.  
  20. $('.dodaj_pytanie').click(function() {
  21.  
  22. $('.pytania div:first').append(pytanie);
  23. generate_name_and_numbers();
  24. return false;
  25. });
  26.  
  27. $('.dodaj_odpowiedz').click(function() {
  28.  
  29. $('.pytanie:last').append(odpowiedz);
  30. generate_name_and_numbers();
  31. return false;
  32. });
  33.  
  34. function generate_name_and_numbers() {
  35. $('.pytanie').each(function(index) {
  36.  
  37. $(this).find('.number span').html(index + 1);
  38. $(this).find('.pyt input').attr('name', 'pyt[' + index + ']');
  39. $(this).find('.odp input').each(function() {
  40. $(this).attr('name', 'odp[' + index + '][]');
  41. });
  42. });
  43. }
  44.  
  45.  
  46. });
  47. </script>


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.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 01:52