form particolare...

**soundforgers** · 12-03-2008, 13:10

salve a tutti.
non so neanche io come chiamarlo...
quello che mi serve è:
un form con 2 select, selectA e selectB, dove a seconda del valore di selectA, cambiano i valori di selectB.

immaginiamo ad esempio una cosa del genere....

nella selectA ci sono delle case costruttrici di auto, e nella selectB i modelli, quindi se seleziono Fiat sella selectA nella selectB ci saranno F. Stilo, F. Barchetta, F.Bravo, F.Brava eccc, e se seleziono in SelectA Peugeot in selectB ci saranno P.206, P.106, P.407 [offtopic](

)[/offtopic] e via dicendo...
qualcuno sa dove posso trovare una cosa del genere?

**cavicchiandrea** · 12-03-2008, 13:19

Qui hai già guardato?

**soundforgers** · 12-03-2008, 13:22

mi servirebbe una cosa in javascript...
ajax sinceramente non lo ho mai usato

**soundforgers** · 12-03-2008, 13:42

ok ora che ho capito che si chiamano select dinamiche ho fatto una ricerca e ytrovato questo semplice script:

codice:

<html>
	<head>
		<script>
			//inizializzazione variabili
			var regiondb = new Object()
			regiondb["africa"] = [{value:"102", text:"Cairo"},{value:"88", text:"Lagos"},{value:"80", text:"Nairobi"},{value:"55", text:"Pretoria"}];regiondb["asia"] = [{value:"30", text:"Ankara"},{value:"21", text:"Bangkok"},{value:"49", text:"Pechino"},{value:"76", text:"New Delhi"},{value:"14", text:"Tokyo"}];
			regiondb["australia"] = [{value:"64", text:"Suva"},{value:"12", text:"Sydney"}];
			regiondb["europa"] = [{value:"11", text:"Atene"},{value:"35", text:"Francoforte"},{value:"3", text:"Londra"},{value:"15", text:"Madrid"},{value:"1", text:"Parigi"},{value:"10", text:"Roma"},{value:"6", text:"Stoccolma"},{value:"97", text:"San Pietroburgo"}];
			regiondb["noamer"] = [{value:"73", text:"Dallas"},{value:"71", text:"Los Angeles"},{value:"5", text:"New York"},{value:"37", text:"Toronto"}];
			regiondb["suamer"] = [{value:"65", text:"Buenos Aires"},{value:"31", text:"Caracas"},{value:"66", text:"Rio di Janeiro"}];
			
			
			//funzioni
			function setCities(chooser) {
			var newElem;
			var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null; 
			var cityChooser = chooser.form.elements["citta"];
			while (cityChooser.options.length) {
			cityChooser.remove(0);
			}
			//qui si dichiara il nome della seconda select(quella dinamica)
			var choice = chooser.options[chooser.selectedIndex].value;
			//
			var db = regiondb[choice];
			newElem = document.createElement("option");+
			// qui si sceglie il contenuto della seconda select (quella dinamica)
			newElem.text = "Seleziona una città:";
			newElem.value = "";
			cityChooser.add(newElem, where);
			if (choice != "") {
			for (var i = 0; i < db.length; i++) {
			newElem = document.createElement("option");
			newElem.text = db[i].text;
			newElem.value = db[i].value;
			cityChooser.add(newElem, where);
		</script>
	</head>
	<body>
		<form name="form">
			Invia la richiesta a:
			<select name="continente" onchange="setCities(this)">
			<option value="" selected="selected">Seleziona un 
			continente:</option> <option value="africa">Africa</option>
			<option value="asia">Asia</option>
			<option value="australia">Australia/Oceania</option>
			<option value="europa">Europa</option>
			<option value="noamer">Nord America</option>
			<option value="suamer">Sud America</option>
			</select> 
			
			<select name="citta">
			<option value="" selected="selected">Seleziona una città:</option>
			</select>
		</form> 
	</body>
</html>

solo che nn mi funziona e sulla spiegazione mi dice:
Riga : 41
Carattere : 1
Errore : Previsto oggetto
Codice : 0
...
e più precisamente me lo da quando cambio il valore della prima select..
ps... i dati contenuti non sono ovviamente quelli che mi servono a me ma questi mi servono solo per una prova

**cavicchiandrea** · 12-03-2008, 13:43

http://javascript.html.it/articoli/l...t-dinamiche/2/

**soundforgers** · 12-03-2008, 13:45

Originariamente inviato da cavicchiandrea
http://javascript.html.it/articoli/l...t-dinamiche/2/

è proprio quello che ho postato...

**cavicchiandrea** · 12-03-2008, 14:01

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<title>Esempio - Select dinamiche</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
/* 
     Script  tratto dal libro "JavaScript and DHTML Cookbook" - Capitolo 8-13
     Pubblicato da O'Reilly & Associates
     Copyright 2003 Danny Goodman
	  Riprodurre questa nota per qualunque riutilizzo del codice.
	*/
var regiondb = new Object()
regiondb["africa"] = [{value:"102", text:"Cairo"},
                      {value:"88", text:"Lagos"},
                      {value:"80", text:"Nairobi"},
                      {value:"55", text:"Pretoria"}];
regiondb["asia"] = [{value:"30", text:"Ankara"},
                    {value:"21", text:"Bangkok"},
                    {value:"49", text:"Pechino"},
                    {value:"76", text:"New Delhi"},
                    {value:"14", text:"Tokyo"}];
regiondb["australia"] = [{value:"64", text:"Suva"},
                          {value:"12", text:"Sydney"}];
regiondb["europa"] = [{value:"11", text:"Atene"},
                      {value:"35", text:"Francoforte"},
                      {value:"3", text:"Londra"},
                      {value:"15", text:"Madrid"},
                      {value:"1", text:"Parigi"},
                      {value:"10", text:"Roma"},
                      {value:"6", text:"Stoccolma"},
                      {value:"97", text:"San Pietroburgo"}];
regiondb["noamer"] = [{value:"73", text:"Dallas"},
                      {value:"71", text:"Los Angeles"},
                      {value:"5", text:"New York"},
                      {value:"37", text:"Toronto"}];
regiondb["suamer"] = [{value:"65", text:"Buenos Aires"},
                      {value:"31", text:"Caracas"},
                      {value:"66", text:"Rio di Janeiro"}];

function setCities(chooser) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
    var cityChooser = chooser.form.elements["città"];
    while (cityChooser.options.length) {
        cityChooser.remove(0);
    }
    var choice = chooser.options[chooser.selectedIndex].value;
    var db = regiondb[choice];
    newElem = document.createElement("option");
    newElem.text = "Seleziona una città:";
    newElem.value = "";
    cityChooser.add(newElem, where);
    if (choice != "") {
        for (var i = 0; i < db.length; i++) {
            newElem = document.createElement("option");
            newElem.text = db[i].text;
            newElem.value = db[i].value;
            cityChooser.add(newElem, where);
        }
    }
}


</script></head>


<body>
 
<form name="form">
Invia la richiesta a: 
<select name="continente" onchange="setCities(this)">
<option value="" selected="selected">Seleziona un continente:</option>

<option value="africa">Africa</option>
<option value="asia">Asia</option>
<option value="australia">Australia/Oceania</option>
<option value="europa">Europa</option>
<option value="noamer">Nord America</option>
<option value="suamer">Sud America</option>
</select> 
<select name="città">
<option value="" selected="selected">Seleziona una città:</option>
</select>

</form>

</BODY>
</HTML>

Questo funziona, se davi un occhio all'orario capivi che ho postato il link un minuto dopo di te

**soundforgers** · 12-03-2008, 15:40

grazie... gentilissimi!!!
ciaooo

Discussione: form particolare...

Strumenti discussione

Ricerca discussione

Visualizza

form particolare...

Permessi di invio