menu dinamico

**luketto** · 04-06-2005, 21:07

Salve raga
devo creare un menu di questo tipo:

ci sono due campi SELECT (menu a tendina)
il primo serve per selezionare il contenuto del secondo
ad esempio nel primo si seleziona la provincia e nel secondo compaiono le città in modo da poter essere selezionate
quando viene cambiata la provincia, automaticamente il contenuto dell'altro select cambia e vengono caricate le città corrispondenti!

Non riesco a capire come fare, voglio fare un semplice file HTML con javascript che faccia così:

nel primo select ci sta campo A e campo B
se seleziono A nel secondo select compare 1 e 2
se seleziono B nel secondo select compare 3 e 4

Mi aiutate per favore?

Grazie

**var** · 04-06-2005, 21:53

http://forum.html.it/forum/showthrea...hreadid=597948

ciao

**luketto** · 04-06-2005, 22:18

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>


<SCRIPT>
	function CaricaCalciatori(id_squadra)
	{
		//svuota_menu();
		if (id_squadra == 1)
		{
					aggiungi(1,Pippo);
					aggiungi(2,Pino);
					aggiungi(3,Genny);
					aggiungi(4,Tonino);
					aggiungi(5,Gimmy);
					aggiungi(6,Giggi);
					aggiungi(7,Emanuele);
					aggiungi(8,Pam Pam);
			}

		if (id_squadra == 2)
		{
					aggiungi(9,Bo);
					aggiungi(10,Cristian);
					aggiungi(11,Paolo);
					aggiungi(12,Alex);
					aggiungi(13,Andrea);
					aggiungi(14,Bo);
					aggiungi(15,Ernan);
					aggiungi(16,Andry);
			}

		if (id_squadra == 3)
		{
					aggiungi(17,Bo);
					aggiungi(18,Chi è);
					aggiungi(19,Nu scem);
					aggiungi(20,Lota);
					aggiungi(21,Walter);
					aggiungi(22,Gigginho);
					aggiungi(23,Antonio);
					aggiungi(24,Francesco);
			}

		if (id_squadra == 4)
		{
					aggiungi(25,Giggi);
					aggiungi(26,Pippo);
					aggiungi(27,Ciro);
					aggiungi(28,Merda);
					aggiungi(29,Pavel);
					aggiungi(30,Mostro);
					aggiungi(31,Scarso);
					aggiungi(32,Frank);
			}

		if (id_squadra == 5)
		{
					aggiungi(33,Walter);
					aggiungi(34,Tonino);
					aggiungi(35,Gimmy);
					aggiungi(36,Giggi);
					aggiungi(37,Emanuele);
					aggiungi(38,Pam Pam);
					aggiungi(39,Bo);
					aggiungi(40,Cristian);
			}

		if (id_squadra == 6)
		{
					aggiungi(41,Paolo);
					aggiungi(42,Alex);
					aggiungi(43,Andrea);
					aggiungi(44,Bo);
					aggiungi(45,Ernan);
					aggiungi(46,Andry);
					aggiungi(47,Bo);
					aggiungi(48,Chi è);
			}

		if (id_squadra == 7)
		{
					aggiungi(49,Nu scem);
					aggiungi(50,Lota);
					aggiungi(51,Walter);
					aggiungi(52,Gigginho);
					aggiungi(53,Antonio);
					aggiungi(54,Francesco);
					aggiungi(55,Andry);
					aggiungi(56,Bo);
			}

		if (id_squadra == 8)
		{
					aggiungi(57,Chi è);
					aggiungi(58,Nu scem);
					aggiungi(59,Lota);
					aggiungi(60,Walter);
					aggiungi(61,Gigginho);
					aggiungi(62,Antonio);
					aggiungi(63,Francesco);
					aggiungi(64,Emmy);
			}

	}
	
	function svuota_menu()
	{
		//svuoto
		while (options.length > 0)
			options[0]=null;
	}
	
	function aggiungi(valore, testo)
	{
		nuovo = new Option();
		nuovo.text = testo;
		nuovo.valore = valore;
		document.modulo.output.add(nuovo, 1);
	}
</SCRIPT>

<FORM action="prova.php" method="post" NAME="modulo">

<SELECT NAME="input" onChange="CaricaCalciatori(1)">

		<OPTION VALUE="1">Napoli</OPTION>
			<OPTION VALUE="2">Milan</OPTION>
			<OPTION VALUE="3">Roma</OPTION>
			<OPTION VALUE="4">Juventus</OPTION>
			<OPTION VALUE="5">Udinese</OPTION>
			<OPTION VALUE="6">Sampdoria</OPTION>
			<OPTION VALUE="7">Palermo</OPTION>
			<OPTION VALUE="8">Cagliari</OPTION>
	</SELECT>

<SELECT NAME="output">
</SELECT>

<input type="submit" name="Submit" value="Invia">
</FORM>

</body>
</html>

Non riesco ad individuare l'errore, mi aiutate please?

Grazie in anticipo

**CeMax-2000** · 05-06-2005, 08:16

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>

<body>

<SCRIPT>
	function CaricaCalciatori(id_squadra)
	{
		//svuota_menu();
		if (id_squadra == 1)
		{
					aggiungi(1,"Pippo");
					aggiungi(2,"Pino");
					aggiungi(3,"Genny");
					aggiungi(4,"Tonino");
					aggiungi(5,"Gimmy");
					aggiungi(6,"Giggi");
					aggiungi(7,"Emanuele");
					aggiungi(8,"Pam Pam");
			}

		if (id_squadra == 2)
		{
					aggiungi(9,"Bo");
					aggiungi(10,"Cristian");
					aggiungi(11,"Paolo");
					aggiungi(12,"Alex");
					aggiungi(13,"Andrea");
					aggiungi(14,"Bo");
					aggiungi(15,"Ernan");
					aggiungi(16,"Andry");
			}

		if (id_squadra == 3)
		{
					aggiungi(17,"Bo");
					aggiungi(18,"Chi è");
					aggiungi(19,"Nu scem");
					aggiungi(20,"Lota");
					aggiungi(21,"Walter");
					aggiungi(22,"Gigginho");
					aggiungi(23,"Antonio");
					aggiungi(24,"Francesco");
			}

		if (id_squadra == 4)
		{
					aggiungi(25,"Giggi");
					aggiungi(26,"Pippo");
					aggiungi(27,"Ciro");
					aggiungi(28,"Merda");
					aggiungi(29,"Pavel");
					aggiungi(30,"Mostro");
					aggiungi(31,"Scarso");
					aggiungi(32,"Frank");
			}

		if (id_squadra == 5)
		{
					aggiungi(33,"Walter");
					aggiungi(34,"Tonino");
					aggiungi(35,"Gimmy");
					aggiungi(36,"Giggi");
					aggiungi(37,"Emanuele");
					aggiungi(38,"Pam Pam");
					aggiungi(39,"Bo");
					aggiungi(40,"Cristian");
			}

		if (id_squadra == 6)
		{
					aggiungi(41,"Paolo");
					aggiungi(42,"Alex");
					aggiungi(43,"Andrea");
					aggiungi(44,"Bo");
					aggiungi(45,"Ernan");
					aggiungi(46,"Andry");
					aggiungi(47,"Bo");
					aggiungi(48,"Chi è");
			}

		if (id_squadra == 7)
		{
					aggiungi(49,"Nu scem");
					aggiungi(50,"Lota");
					aggiungi(51,"Walter");
					aggiungi(52,"Gigginho");
					aggiungi(53,"Antonio");
					aggiungi(54,"Francesco");
					aggiungi(55,"Andry");
					aggiungi(56,"Bo");
			}

		if (id_squadra == 8)
		{
					aggiungi(57,"Chi è");
					aggiungi(58,"Nu scem");
					aggiungi(59,"Lota");
					aggiungi(60,"Walter");
					aggiungi(61,"Gigginho");
					aggiungi(62,"Antonio");
					aggiungi(63,"Francesco");
					aggiungi(64,"Emmy");
			}

	}
	
	function svuota_menu()
	{
		//svuoto
		while (options.length > 0)
			options[0]=null;
	}
	
	function aggiungi(valore, testo)
	{
		nuovo = new Option();
		nuovo.text = testo;
		nuovo.valore = valore;
		document.modulo.output.add(nuovo, 1);
	}
</SCRIPT>

<FORM action="prova.php" method="post" NAME="modulo">

<SELECT NAME="input" onChange="CaricaCalciatori(1)">
	<OPTION VALUE="0">Squadra</OPTION>
	<OPTION VALUE="1">Napoli</OPTION>
	<OPTION VALUE="2">Milan</OPTION>
	<OPTION VALUE="3">Roma</OPTION>
	<OPTION VALUE="4">Juventus</OPTION>
	<OPTION VALUE="5">Udinese</OPTION>
	<OPTION VALUE="6">Sampdoria</OPTION>
	<OPTION VALUE="7">Palermo</OPTION>
	<OPTION VALUE="8">Cagliari</OPTION>
</SELECT>

<SELECT NAME="output">
</SELECT>

<input type="submit" name="Submit" value="Invia">
</FORM>

</body>
</html>

Eccolo ma occhio che ogni volta che cambi la squadra lui aggiunge i giocatori a quelli già esistenti e non svuota (come invece credo che dovrebbe) il select preventivamente!!!

Ora non ho tempo sorry! Se non te lo risolve nessuno semmai stasera ci ridò un'occhiatina ok??

**luketto** · 05-06-2005, 09:50

Ho risolto, grazie

**CeMax-2000** · 05-06-2005, 11:03

Beh! di solito qui si usa postare le soluzioni........
.....per i posteri!!

**Enrique_Rojas** · 05-06-2005, 12:38

Originariamente inviato da luketto
Ho risolto, grazie

Interessa anche a me, come hai risolto? grazie

**CeMax-2000** · 05-06-2005, 12:42

Originariamente inviato da Enrique_Rojas
Interessa anche a me, come hai risolto? grazie

Come volevasi dimostrare

**luketto** · 05-06-2005, 12:44

sopra c'è la soluzione!
al posto di
aggiungi(1,Pippo);
mettete
aggiungi(1,"Pippo");

e levate il commento da
svuota_menu();

Ciao

**Enrique_Rojas** · 05-06-2005, 12:48

Sei sicuro? a me non funziona, cioè aggiunge la lista dei giocatori a quella già selezionata e non svuota nulla...

Discussione: menu dinamico

Strumenti discussione

Ricerca discussione

Visualizza

menu dinamico

ho risolto

Re: ho risolto

Re: Re: ho risolto

la soluzione è sopra

Permessi di invio