Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] formularz - ustawianie wartosci dla wielu elementów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Crozin
mam formualrz (przyklad):
Kod
<input type="text" name="abc[]" />
<select name="yzx[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

<input type="text" name="abc[]" />
<select name="yzx[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>

itd.




chciałbym przy użyciu JS dodaj na koncu formularz jeszcze jedno pole <select /> z wartoscami "1 2 3 4" (jak w formularzu) ktory by usatawiał dla wszystkich pol <select /> w formularzu ta sama wartosc...

cos tam probowalem robic ale doszedlem do wniosku ze w zupelnie zlym kierunku szedlem :]
ferr
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <script type="text/javascript">
  3.  
  4. function PrepareForm(form_name, select_value)
  5. {
  6. form = document.forms[form_name];
  7.  
  8. for (var i = 0; i < form.length; i++)
  9. {
  10. for (var x = 0; x < form[i].options.length - 1; x++)
  11. {
  12. if (form[i].options[x].value == select_value)
  13. {
  14. form[i].options[x].selected = true;
  15. }
  16.  
  17. }
  18. }
  19. }
  20. </head>
  21.  
  22. <body onload="PrepareForm('x', '2');">
  23. <form name="x">
  24. <select name="yzx[]">
  25. <option value="1">1</option>
  26. <option value="2">2</option>
  27. <option value="3">3</option>
  28. <option value="4">4</option>
  29.  
  30. <select name="z">
  31. <option value="1">1</option>
  32. <option value="2">2</option>
  33. <option value="3">3</option>
  34. <option value="4">4</option>
  35. </form>
  36. </body>
  37. </html>


Sth like that? smile.gif
Crozin
nie dziala ;]

ale wydaje mi sie ze i tak by nie dzialalo, gdyz chyba mnie nie zrozumiales. chodzi o to ze mam formualrz w ktorym wypelnia sie okreslona ilosc razy takie same pola. jednym z pol jest select o nazwie GalleryID[] (czyli w jednym formularzu mam kilkanascie pol select z taka sama nazwa (GalleryID[])). chcialbym aby mozna bylo w kazdym seleccie ustawic inna wartosc, ale aby na dole formularza byl jeszcze jeden select... w nim bylyby do wyboru takie same wartosci jak w normalnych winksmiley.jpg. mialby on dzialac na tej zasadzie ze zmiana wartosci w nim powodowala by automatyczna zmiane wartosci we wszystkich wczesniejszych selectach...
ferr
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <script type="text/javascript">
  3.  
  4. function ZmienWszystkie(select)
  5. {
  6.  
  7. form = document.forms['formularz'];
  8.  
  9. for (var i = 0; i < form.length; i++)
  10. {
  11. if (form[i].name != 'normalny' && form[i].type == 'select-one')
  12. {
  13. for (var x = 0; x < form[i].options.length; x++)
  14. {
  15. if (form[i].options[x].value == select.value)
  16. {
  17. form[i].options[x].selected = true;
  18. }
  19.  
  20. }
  21. }
  22. }
  23. }
  24. </head>
  25.  
  26. <form name="formularz">
  27. <select name="yzx[]">
  28. <option value="1">1</option>
  29. <option value="2">2</option>
  30. <option value="3">3</option>
  31. <option value="4">4</option>
  32.  
  33. <select name="z">
  34. <option value="1">1</option>
  35. <option value="2">2</option>
  36. <option value="3">3</option>
  37. <option value="4">4</option>
  38.  
  39. <select name="normalny" onChange="ZmienWszystkie(this);">
  40. <option value="1">1</option>
  41. <option value="2">2</option>
  42. <option value="3">3</option>
  43. <option value="4">4</option>
  44. </form>
  45. </body>
  46. </html>


select o name=normalny to ten, o ktorym mowisz, ze ma byc na koncu.
Crozin
Twoj kod dziala, lecz znalazlem w nim pewnien blad ktory psuje caly skrypt...
jezeli wlaczysz go u sibie to bedzie dzialac... jednak jezeli dodasz zwykle pole: <input type="text" name="Lorem" /> juz nie dziala :/
ferr
Edytowalem kod, spojrz teraz smile.gif
Crozin
dziala, wielkie dzieki winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.