Più select dinamiche in una solo pagina

**Markus_2889** · 18-11-2005, 21:54

Salve a tutti!!
stavo cercando di modificare questo script in modo che potesi mettere più select dinamiche che dipendono una dall'altra:

codice:

<html><head>
<title>Esempio - Select dinamiche</title>
<script type="text/javascript">
var regiondb = new Object()
regiondb["locazioni"] = [
{value:"1", text:"Locazione 1"},
{value:"2", text:"Locazione 2"},
{value:"3", text:"Locazione 3"},
{value:"4", text:"Locazione 4"},
{value:"5", text:"Locazione 5"},
{value:"7", text:"Locazione 7"},
{value:"8", text:"Locazione 8"},
{value:"56", text:"ciao"}];
regiondb["utenti"] = [
{value:"1", text:"Lugaid"},
{value:"2", text:"Vandroiiy"}];


function setCities(chooser, formSelect) {
    var newElem;
    var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
 	var cityChooser = chooser.form.elements[formSelect];
	//var cityChooser = chooser.form.elements[formSelect];
	
    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:";
    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">

<select name="lopl[]" onchange="setCities(this, '1')">
<option value="" selected="selected">Seleziona:</option>
<option value="locazioni">Locazioni</option>

<option value="utenti">Utenti</option>
</select>
 
<select name="lol[]" >
<option value="" selected="selected">Seleziona:</option>
</select>


<select name="lopl[]" onchange="setCities(this, '2')">
<option value="" selected="selected">Seleziona:</option>
<option value="locazioni">Locazioni</option>
<option value="utenti">Utenti</option>
</select>

<select name="lol[]" >
<option value="" selected="selected">Seleziona:</option>
</select></form>

</body></html>

solo che quando clicco sulla seconda selecr improvisamente scompare il contenuto!
qualcuno mi da una mano? grazie

**Markus_2889** · 22-11-2005, 20:21

Forse non sono stato molto chiaro.
Dovrei costruire una pagina in cui ci sono una serie di select dinamiche tutte uguali.
Ho trovato una script per una select dinamica, ma mettendone di più mi da dei problemi. C'ìè un modo per riuscire a fare quallo che ho in mente?

Grazie

**Markus_2889** · 24-11-2005, 17:06

**dkong** · 24-11-2005, 18:42

ciao,
non mi sono soffermato molto sul tuo codice ma probabilmente al link che ho postato troverai tutte le risposte.
Lo script fa quello che chiedi tu e dovresti metterci poco per adattarlo..
Spero di esserti stato di aiuto.
Cia'
http://www.javascriptkit.com/script/...plecombo.shtml

**Markus_2889** · 25-11-2005, 00:42

Ciao grazie mille quello che fa lo script che ho postato è simile a quello del tuo link solo che funziona su due select e non tre.
puoi vederelo qui:

http://newkingdom.altervista.org/prove/esempio.html
Quello che vorrrei che facesse è questo:

http://newkingdom.altervista.org/prove/idea.html

Tante select dinamiche indipendenti una dall'altra!

Discussione: Più select dinamiche in una solo pagina

Strumenti discussione

Ricerca discussione

Visualizza

Più select dinamiche in una solo pagina

Più select dinamiche in una solo pagina

Permessi di invio