Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML]Ilość pół w zależności od wyboru :)
Xart
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 6
Dołączył: 8.04.2013

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

Witam pisze już dziś kolejny raz no ale jest projekt do nauki to trzeba robić aby coś osiągnąć smile.gif
O PHP CSS HTML troche pojęcia mam ale o JS nie bardzo smile.gif
Potrzebuję pewien mały kod najlepiej w jquery smile.gif
Na tej zasadzie że :

Mamy pole SELECT do wyboru opcji (jest ich 11) czyli 10,11,12,13,14,15,16,17,18.19,20.
W zależności od tego jaką wartość w select wybierzemy pojawi nam się tyle linijek w formularzu
z tym że atrybut 'name' każdej kolejnej linijki ma się nazywać kodx gdzie x oznacza kolejną liczbę naturalną z przedziału <1,20>
NP: Użytkownik wybiera liczbę 10 to wyświetli mu się
<input name=kod1....
<input name=kod2
<input name=kod3...
......
.....
<input name=kod10...

Bez przeładowania strony oczywiście wink.gif
Z góry thx za pomoc :]

Ten post edytował Xart 13.04.2014, 21:35:09
Go to the top of the page
+Quote Post
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

http://jsfiddle.net/Srnya/
Go to the top of the page
+Quote Post
Xart
post
Post #3





Grupa: Zarejestrowani
Postów: 267
Pomógł: 6
Dołączył: 8.04.2013

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

@UP Dzięki wielkie ale jak wrzucę na locala to nie działa ;/

[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>
  2. <script type="text/javascript" src="resources/scripts/jquery-1.10.2.min.js"></script>
  3. <script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
  4. <script type="text/javascript">
  5. $("#select").on("change", function(){
  6. 	var ile = $(this).val();
  7. 	var inputy = '1 <input type="text" name="kod1"><br>';
  8. 	for(var i=2;i<=ile;i++){
  9. 		inputy += i+' <input type="text" name="kod'+i+'"><br>';
  10. 	}
  11. 	$("#inputy").html(inputy);
  12. })
  13. </script>
  14. <script type="text/javascript" src="jquery.min.js"></script>
  15. <select id="select">
  16. 	<option>11</option>
  17. 	<option>20</option>
  18. </select>
  19. <div id="inputy"></div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Turson
post
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

Odpal przeglądarkową konsolę i zobacz błąd.
Go to the top of the page
+Quote Post
Xart
post
Post #5





Grupa: Zarejestrowani
Postów: 267
Pomógł: 6
Dołączył: 8.04.2013

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

Nwm skopiowałem z kodu tej jsfiddle i działa ale się różni no ale mniejsza z tym smile.gif W każdym razie wielkie thx :]

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type='text/javascript' src='resources/scripts/jquery-1.10.2.min.js'></script>
  5. <script type='text/javascript'>
  6. $(window).load(function(){
  7. $("#select").on("change", function(){
  8. 	var ile = $(this).val();
  9. 	var inputy = '1 <input type="text" name="kod1"><br>';
  10. 	for(var i=2;i<=ile;i++){
  11. 		inputy += i+' <input type="text" name="kod'+i+'"><br>';
  12. 	}
  13. 	$("#inputy").html(inputy);
  14. })
  15. })
  16. </script>
  17. </head>
  18. <body>
  19. <select id="select">
  20. <option>10</option>
  21. <option>20</option>
  22. </select>
  23. <div id="inputy"></div>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


Ten post edytował Xart 13.04.2014, 21:59:38
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 11:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn