Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jquery dynamiczne dodawanie pól formularza, dynamiczne nazwy pol formularza
niebieszki
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 30.09.2010

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


Witam mam następujacy problem.

Chciałbym utworzyć formularz dodąjacy dane do bazy. Na wstępie użytkownik ma mozliwość wyboru ile danych wprowadzić. Zdjecie ponizej przedstawia formularz na wstepie:

(IMG:http://images46.fotosik.pl/552/d6fa45bab4d80fc7.png)

Za pomocą przycisku "dodaj" dodajemy kolejne pola formularza

(IMG:http://images45.fotosik.pl/592/45a9bcb1016bf829.png)

wszystko odbywa sie za pomocą kodu jquery:

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3.  
  4. $('#add').click(function(){
  5. $('#elements .element:first').clone().appendTo($('#elements')).find('input').val('');
  6. return false;
  7. });
  8.  
  9. });


budowa dokumentu html wyglada nastepujaco:

  1. <tr>
  2. <td>Lp</td>
  3. <td>Nazwa</td>
  4. <td>Imie</td>
  5. <td>select</td>
  6. </tr>
  7. </thead>
  8. <tbody id="elements">
  9. <tr class="element">
  10. <td>1</td>
  11. <td><input type="text" name="nazwa" value="" id="nazwa" /></td>
  12. <td><input type="text" name="imie" value="" id="imie" /></td>
  13. <td>
  14. <option value="1">Pozycja 1</option>
  15. <option value="2">Pozycja 2</option>
  16. </select>
  17. </td>
  18. </tr>
  19. </tbody>
  20. <button id="add">Dodaj</button>
  21. <button id="submit">Wyślij</button>


Wszystko by było fajnie tylko nazwy tych wszystkich pól formularza nie są dynamiczne. Oczywiscie wszystkie maja takie same id i name-y podczac 'klonowania'.

Jak zmienic te nazwy dynamicznie podczas klonowania pol formularza? Może ktoś się spotkał z podobnym problemem?
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 25.12.2025 - 07:23