Rozbudowa istniejącego skryptu - jQuery

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Rozbudowa istniejącego skryptu - jQuery

parzol Zobacz profil	18.10.2009, 22:26:08 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 <html> <head> <script language="javascript" src="jquery-1.3.2.min.js"></script> <script language="javascript"> function makeSublist(parent,child,isSubselectOptional,childVal) { $("body").append("<select style='display:none;' id='"+parent+child+"'></select>"); $('#'+parent+child).html($("#"+child+" option")); var parentValue = $('#'+parent).attr('value'); $('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone()); childVal = (typeof childVal == "undefined")? "" : childVal ; $("#"+child).val(childVal).attr('selected','selected'); $('#'+parent).change(function(){ var parentValue = $('#'+parent).attr('value'); $('#'+child).html($("#"+parent+child+" .sub_"+parentValue).clone()); if(isSubselectOptional) $('#'+child).prepend("<option value='none' selected='selected'> -- Select -- </option>"); $('#'+child).trigger("change"); $('#'+child).focus(); }); } $(document).ready(function() { makeSublist('child','grandsun', false, ''); makeSublist('parent','child', false, ''); }); </script> </head> <body> <form> <select id="parent"> <option value="0">Kraj</option> <option value="1">Włochy</option> <option value="2">Francja</option> </select> <br /><br /> <select id="child"> <option class="sub_0" value="0">Region</option> <option class="sub_1" value="1">Asyż</option> <option class="sub_1" value="2">Toskania</option> <option class="sub_1" value="3">Umbria</option> <option class="sub_2" value="4">Prowansja</option> <option class="sub_2" value="5">Paryż</option> </select> <br /><br /> <select id="grandsun"> <option class="sub_0" value="0">Miasto</option> <option class="sub_1" value="1">Asyżowe miasto 1</option> <option class="sub_1" value="2">Asyżowe miasto 2</option> <option class="sub_1" value="3">Asyżowe miasto 3</option> <option class="sub_2" value="4">Toskania miasto 1</option> <option class="sub_2" value="5">Toskania miasto 2</option> <option class="sub_3" value="6">Umbria 1</option> <option class="sub_3" value="7">Umbria 2</option> <option class="sub_4" value="8">Prowansja 1</option> <option class="sub_4" value="9">Prowansja 2</option> <option class="sub_5" value="10">Paryż 1</option> </select> </form> </body> </html> [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.