Select Regioni e province

**blekm** · 24-01-2007, 17:03

Originariamente inviato da blekm
ho anche usato un tasto RESET per resettare tutti i valori della mia pagina, ma la seconda select non viene resettata!

ovviamente, quando contiene un valore..

mi quoto da solo, per un problema che non ho risolto...

con un testo RESET, mi vengono resettati tutti i campi della pagina, tranne la seconda select (ovviamente, quando contiene un valore)...

qualche dritta?

**fcaldera** · 24-01-2007, 18:39

<form>
<select id="regioni" onchange="regione(this.value)">
<option value="">Scegli regione</option>
<option value="veneto">Veneto</option>
<option value="trentino">Trentino Alto Adige</option>
</select>

<select id="province"></select>
<input type="reset" onclick="regione()" />
</form>

**blekm** · 25-01-2007, 10:36

funziona, grande!!

Grazie mille!

**blekm** · 25-01-2007, 17:54

se ti dicessi che su FF 1.5.0.4 tutto funziona a dovere, ma su IE nemmeno lontanamente.. t'incazzi?

La pagina è validata, non ci sono errori. Su IE praticamente quando cambio la prima select invece di farmi apparire le alternative nella seconda me le fa vedere nella prima (quella dove avevo scelto all'inizio).

VVoVe:

E se tu, disgraziatamente, decidi di scegliere un altra opzione finisce che praticamente le due select non hanno più alcuna scelta..

è difficile da spiegare a parole, è più facile a vedersi. Se non è chiaro, domani vedo di mettere tutto su altervista, cosi capisci subito di cosa parlo!

**fcaldera** · 25-01-2007, 22:22

dunque, io ho usato questo codice

codice:

<head>
<script type="text/javascript">
function regione(reg) {

   var province = new Array();
   var selProv = document.getElementById('province');
   while(selProv.options.length > 0) selProv.removeChild(selProv.options[0]); 
   
   if (reg == "") return;
   
   switch(reg) {
    
        case 'veneto':            
            province.push('Treviso');
            province.push('Venezia');
            province.push('Belluno');
            //...
            break;
   
        case 'trentino': 
            province.push('Bolzano');
            province.push('Trento');
            province.push('Mich :-)');
            break;
            
            
        // altre regioni
        default: 
   }

    
   for (i=0; i<province.length; i++) {
      opt = document.createElement('option');
      opt.setAttribute('value', province[i]);
      opt.setAttribute('text', province[i]);
      opt.innerHTML = province[i];
      selProv.appendChild(opt);
   }
}
</script>
</head>

<body>

<form>
<select id="regioni" onchange="regione(this.value)">
<option value="">Scegli regione</option>
<option value="veneto">Veneto</option>
<option value="trentino">Trentino Alto Adige</option>
</select>

<select id="province"></select>
<input type="reset" onclick="regione()" />
</form>

</body>

e su explorer 6 su winXP a me funziona... probabilmente c'è un errore altrove nella tua pagina. Prova a postare la pagina online

**blekm** · 26-01-2007, 10:43

allora, la pagina è questa

http://blekm.altervista.org/page/inserimento.php

non considerare la grafica spartana, ho messo solo il necessario indispensabile per far vedere il problema.

Si tratta della prima select in cima alla pagina.

Con FF tutto ok, con IE 6 e Opera 9 no (hanno lo stesso comportamento difettoso)

**homezappa** · 26-01-2007, 11:05

Aiuto!
Maremma che confusione!
Mi spiego: pezzetto di codice:

codice:

		<form action="/page/inserimento.php" method="post" name="invio">
		Provincia <select name="province" id="regioni" onchange="regione(this.value)">
		<option value="">Scegli regione</option>

		<option value="Lucca">Lucca</option>
		<option value="Pisa">Pisa</option>
		</select>
		Comune <select name="comuni" id="province"><option value=""></option></select>
......

A parte che non è mica bello mettere un name di un controllo uguale all'id di un altro, si evince che la getElementById di IE ed Opera opera anche sugli attributi name ... bah!
Q U I N D I:

codice:

Comune <select name="comuni" id="comuni">

e, nel javascript,:

codice:

function regione(reg) {

var comuni = new Array();
var selComuni = document.getElementById('comuni');
while(selComuni.options.length > 0) selComuni.removeChild(selComuni.options[0]);

if (reg == "") return;

switch(reg)
 {

 case 'Lucca':
 comuni.push('Lucca');
 comuni.push('Porcari');
 comuni.push('Altopascio');
 //...
 break;

 case 'Pisa':
 comuni.push('Pisa');
 comuni.push('Cascina');
 comuni.push('Pisa Merda');
 break;

 // altre regioni
 default:
 }


 for (i=0; i<comuni.length; i++)
 {
 opt = document.createElement('option');
 opt.setAttribute('value', comuni[i]);
 opt.setAttribute('text', comuni[i]);
 opt.innerHTML = comuni[i];
 selComuni.appendChild(opt);
 }


}

A te lascio il compito di togliere di mezzo le regioni, che non c'entrano .. si parla di province e comuni!

HTH
Zappa

**blekm** · 26-01-2007, 11:21

grazie, ora funziona. Avevo modificato malamente il codice io, non intendenomene molto di JS.

Ho modificato il codice Javascript come dicevi tu, ed ho modificato il form cosi:

codice:

<form action="/page/inserimento.php" method="post" name="invio">
Provincia <select name="province" id="province" onchange="creaselect(this.value)">
<option value="">Scegli regione</option>
<option value="Lucca">Lucca</option>
<option value="Pisa">Pisa</option>
</select>
Comune <select name="comuni" id="comuni"><option value=""></option></select>

cosi dovrei essere a posto, giusto?

Quando avrò tempo a disposizione, mi dovrò mettere a studiare per bene anche Javascript.

quando avrò tempo!

**homezappa** · 26-01-2007, 11:47

Ma perchè

codice:

<option value="">Scegli regione</option>

quando scegli una provincia?
ma non sarebbe più giusto scrivere

codice:

<option value="">Scegli provincia</option>

... o no?

Zappa

**blekm** · 26-01-2007, 12:02

Originariamente inviato da homezappa
Ma perchè

codice:

<option value="">Scegli regione</option>

quando scegli una provincia?
ma non sarebbe più giusto scrivere

codice:

<option value="">Scegli provincia</option>

... o no?

Zappa

avevo già cambiato anche quello, ma ormai avevo scritto il messaggio..

grazie comunque, mi hai risolto un problema!

Discussione: Select Regioni e province

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio