Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozbudowa istniejącego skryptu - jQuery
parzol
post
Post #1





Grupa: Zarejestrowani
Postów: 135
Pomógł: 1
Dołączył: 7.05.2005

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

Demo: parzol.ovh.org/

Kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <script language="javascript" src="jquery-1.3.2.min.js"></script>
  5. <script language="javascript"> 
  6. function makeSublist(parent,child,isSubselectOptional,childVal)
  7. {
  8. 	$("body").append("<select style='display:none;' id='"+parent+child+"'></select>");
  9. 	$('#'+parent+child).html($("#"+child+" option"));
  10.  
  11. 	var parentValue = $('#'+parent).attr('value');
  12. 	$('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone());
  13.  
  14. 	childVal = (typeof childVal == "undefined")? "" : childVal ;
  15. 	$("#"+child).val(childVal).attr('selected','selected');
  16.  
  17. 	$('#'+parent).change(function(){
  18. 		var parentValue = $('#'+parent).attr('value');
  19. 		$('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone());
  20. 		if(isSubselectOptional) $('#'+child).prepend("<option value='none' selected='selected'> -- Select -- </option>");
  21. 		$('#'+child).trigger("change");
  22. 		$('#'+child).focus();
  23. 	});
  24. }
  25.  
  26. $(document).ready(function()
  27. {
  28. 	makeSublist('child','grandsun', false, '');	
  29. 	makeSublist('parent','child', false, '');	
  30. });
  31. </script>
  32.  
  33. </head>
  34.  
  35. <body>
  36.  
  37. <form>
  38.  
  39. <select id="parent">
  40. 	<option value="0">Kraj</option>
  41. 	<option value="1">Włochy</option>
  42. 	<option value="2">Francja</option>
  43. </select>
  44.  
  45. <br /><br />
  46.  
  47. <select id="child">
  48. 	<option class="sub_0" value="0">Region</option>
  49. 	<option class="sub_1" value="1">Asyż</option>
  50. 	<option class="sub_1" value="2">Toskania</option>
  51. 	<option class="sub_1" value="3">Umbria</option>
  52. 	<option class="sub_2" value="4">Prowansja</option>
  53. 	<option class="sub_2" value="5">Paryż</option>
  54. </select>
  55.  
  56. <br /><br />
  57.  
  58. <select id="grandsun">
  59. 	<option class="sub_0" value="0">Miasto</option>
  60. 	<option class="sub_1" value="1">Asyżowe miasto 1</option>
  61. 	<option class="sub_1" value="2">Asyżowe miasto 2</option>
  62. 	<option class="sub_1" value="3">Asyżowe miasto 3</option>
  63. 	<option class="sub_2" value="4">Toskania miasto 1</option>
  64. 	<option class="sub_2" value="5">Toskania miasto 2</option>
  65. 	<option class="sub_3" value="6">Umbria 1</option>
  66. 	<option class="sub_3" value="7">Umbria 2</option>
  67. 	<option class="sub_4" value="8">Prowansja 1</option>
  68. 	<option class="sub_4" value="9">Prowansja 2</option>
  69. 	<option class="sub_5" value="10">Paryż 1</option>	
  70. </select>
  71.  
  72. </form>
  73.  
  74. </body>
  75.  
  76. </html>
  77.  
[HTML] pobierz, plaintext


Jak zrobić, aby pola wyboru Region i Miasto zawierały wszystkie dostępne wartości jeśli nie ma wskazanych konkretnych wartości rodzica? Chcę, aby na starcie wszystkie pola miały pełne opcje, po wybraniu np Kraju były do wyboru jedynie odpowiednie dla niego Region i Miasta. Tak samo gdy ktoś wybierze jedynie Region to pole Miasto ma zawierać jedynie przypisane dla niego wartości. Taki kaskadowy system. Mam nadzieję, że jest jasne co chcę uzyskać.

Z góry dzięki za wszelką pomoc.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
vokiel
post
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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

A bez js jak jest? Może akcje makeSublist wywołuj po onchange dla select
Go to the top of the page
+Quote Post
parzol
post
Post #3





Grupa: Zarejestrowani
Postów: 135
Pomógł: 1
Dołączył: 7.05.2005

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

Wtedy wszystko się sypie a po dłuższej zabawie nawet wywala mi przeglądarkę (IE8)! Moim zdaniem wystarczy jedynie zmiana w kodzie tylko nie wiem za bardzo jak to ugryźć (IMG:style_emoticons/default/sadsmiley02.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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