Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Wartość z select do text - formularz
Mike122
post 10.05.2009, 17:35:18
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 1
Dołączył: 12.04.2006

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. 	<title>Przykład dokumentu zgodnego z XHTML 1.0 Strict</title>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. 	<style type="text/css">
  8. 	<!--
  9. 		#q0 {
  10. 			display: block;
  11. 		}
  12.  
  13. 		#q1,#q2,#q3,#q4 {
  14. 			display: none;
  15. 		}
  16. 	-->
  17. 	</style>
  18.  
  19. 	<script type="text/javascript">
  20. 	<!--
  21. 		function next(co) {
  22. 			var ile = document.getElementById("wybor").options.length;
  23. 			for(var i=1; i<=ile; i++) {
  24. 			var ktora = "q"+i;
  25. 				if(ktora == co) {
  26. 					document.getElementById(ktora).style.display = "block";
  27. 				}else if(ktora != co){
  28. 					document.getElementById(ktora).style.display = "none";
  29. 				}
  30. 			}
  31. 		}
  32. 	-->
  33. 	</script>
  34. </head>
  35. <body>
  36. 	<p>
  37.  
  38. 		<select name="wybor" class="textbox" id="wybor" onChange="next(this.value);">
  39. 			<option value="q0" selected="selected">Wybierz</option>
  40. 			<option value="q1">Pierwsza</option>
  41. 			<option value="q2">Druga</option>
  42. 			<option value="q3">Trzecia</option>
  43. 			<option value="q4">Czwarta</option>
  44. 		</select>
  45.  
  46. 		<div id="q1">
  47. 		<select class="textbox" name="q1">
  48. 			<option value="10">0</option>
  49. 			<option value="11">1</option>
  50. 		</select>
  51.  
  52. 		</div>
  53.  
  54. 		<div id="q2">
  55. 		<select class="textbox" name="q2">
  56. 			<option value="20">0</option>
  57. 			<option value="22">2</option>
  58. 		</select>
  59. 		</div>
  60.  
  61. 		<div id="q3">
  62. 		<select class="textbox" name="q3">
  63. 			<option value="31">1</option>
  64.  
  65. 			<option value="36">6</option>
  66. 		</select>
  67. 		</div>
  68.  
  69. 		<div id="q4">
  70. 		<select class="textbox" name="q4">
  71. 			<option value="45">5</option>
  72. 			<option value="47">7</option>
  73. 		</select>
  74. 		</div>
  75. 		<br />
  76. 		ID:
  77. 		<input type="text" maxlength="20" name="tu_wpisz" id="wu_wpisz" />
  78. 	</p>
  79. </body>
  80. </html>
[HTML] pobierz, plaintext

Otóż pisze taki skrypt i teraz chcę ze gdy np. wybiorę Trzecia>6 to w polu ID (tu_wpisz) pokaże mi się automatycznie wartość 36 proszę o pomoc jak to załatwić w łatwy sposób.


--------------------

Największy błąd ze wszystkich błędów to nie słuchać dobrych rad. Nikt nie jest doskonały i nie należy się obrażać za konstruktywną krytykę.
Go to the top of the page
+Quote Post
k_@_m_i_l
post 10.05.2009, 18:22:58
Post #2





Grupa: Zarejestrowani
Postów: 349
Pomógł: 72
Dołączył: 22.01.2008
Skąd: Wadowice/Oświęcim

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

Użyj biblioteki jQuery.Przy jej zastosowaniu będzie to tak wyglądało :
Kod
  
$('document').ready(function()
{
       $('select[name="wybor"]').change(function()
    {
       $('input:text[name="tu_wpisz"]').val($(this).val());
    });
});



Pisane na szybko,ale błędów raczej nie powinno być winksmiley.jpg
edit: a jednak sie wkradł mały błąd,ale już poprawione i przetestowane:)

Ten post edytował k_@_m_i_l 10.05.2009, 18:28:21


--------------------
"PHP to człowiek. MySQL to również człowiek."
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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 Wersja Lo-Fi Aktualny czas: 13.06.2025 - 07:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn