Forum PHP.pl > Rozbudowa istniejącego skryptu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Rozbudowa istniejącego skryptu - jQuery

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

parzol

18.10.2009, 22:26:08

[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.

vokiel

18.10.2009, 22:53:58

A bez js jak jest? Może akcje makeSublist wywołuj po onchange dla select

parzol

19.10.2009, 12:03:45

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źć

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.