problema con select dinamiche e javascript

HyperX

Nuovo Utente
28 Ago 2015
2
0
0
salve a tutti, ho un problema con due select dinamiche, spero di spiegarvi bene

le due select prendono i valori del contenuto da un file xml
la prima mette una categoria, a seconda della categoria scelta, la seconda select dovrebbe cambiare il suo contenuto
esempio - nella prima select se seleziono veicoli nella seconda dovrebbero comparire terrestri e volanti
però quando cambio la prima select, il contenuto della seconda rimane invariato, e devo ricaricare la pagina per farlo apparire, credo che il problema sia nell' onchange, ma non ne sono molto sicuro
qualcuno sa come risolvere ? grazie in anticipo

HTML:
<select id="selectCategoria" onchange='crea_gruppo(document.getElementById("selectCategoria").options[document.getElementById("selectCategoria").selectedIndex].value);'>
			<option selected="selected" value="null">Seleziona tipo di ricerca</option>
			<option value="Personaggio">Personaggi</option>
			<option value="Arma">Armi</option>
			<option value="Veicolo">Veicoli</option>
			</select>
		    <select id="selectGruppo">
		    <option selected="selected" value="">-seleziona-</option>
		    </select>

Javascript ( ho inserito solo le parti che reputavo necessarie)

Codice:
	/*metodo con cui creo la prima select "categoria"*/
	this.creaSelectCategoria =
      function () {
         var categorie = {};
         for (var i = 0; i<this.lista.length; i++) {
            categorie[this.lista[i].categoria] = true;
         }
         var s = "";
		 s+='<option value="null" >Seleziona una Categoria </option>';
         for (var i in categorie) {
            s += '<option value="' + categorie[i] + '">' + categorie[i]  + '</option>';
         }
		 return s;
      }  
		/*metodo con cui creo la seconda select "gruppo"*/
	 this.creaSelectGruppo =
      function () {
         var c= document.getElementById("selectCategoria").value;
         var gruppi = {};
         for (var i = 0; i<this.lista.length; i++) {
            if(this.lista[i].categoria==c){
				gruppi[this.lista[i].gruppo] = this.lista[i].gruppo;
			}
         }
         var s = "";
		 s+='<option value="null" >Seleziona un gruppo</option>';
         for (var i in gruppi) {
            s += '<option value="' + gruppi[i] + '">' + gruppi[i] + '</option>';
         }
	
         return s;
		 
      }




function inizializza(){
var nodo = caricaXML("elenco.xml");
	contenitore.inizializza(nodo);
	
	var nodoSelectCategoria = document.getElementById("selectCategoria");
	nodoSelectCategoria.onchange= contenitore.creaSelectCategoria();	
	var nodoSelectGruppo = document.getElementById("selectGruppo");
	nodoSelectGruppo.innerHTML = contenitore.creaSelectGruppo();
	
	
	var c1 = document.getElementById("cerca1");
	var c2 = document.getElementById("cerca2");
	
	c1.onclick = cercaNome;
	c2.onclick = cercaGruppo;
	
	
}


function crea_gruppo(categoria) {
         var gruppi = {};
         for (var i = 0; i < lista.length; i++) {
			if(lista[i].categoria==categoria)
			{
				gruppi[lista[i].gruppo] = true;
			}
         }
         var s = '<option value="null"  >Seleziona gruppo</option>';
         for (var i in gruppi) {
            
			s += '<option value="' + i + '">' + i + '</option>';
         }
		
         document.getElementById("selectGruppo").innerHTML= s;
      
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
L problema con query select PHP 2
T problema con select dinamica con jquery Javascript 0
M [PHP] Problema con query select PHP 2
webmachine [PHP][MYSQL] Problema con le SELECT PHP 5
A Problema recupero valori da select con chiamata ajax Ajax 1
H Problema con MySQL e PHP, dopo aver fatto una SELECT non ottengo alcun risultato PHP 7
L Problema Select con Javascript e nodi Dom XML. Javascript 0
S Problema con inserire la select in un array PHP 2
E problema con select dinamica - doctype - ie ASP.NET 4
S Problema con 2 funzioni:array,select dinamica Javascript 21
T Problema con select dinamica Javascript 2
M problema con il tag <select> PHP 3
F Problema select dinamiche con php e jquery jQuery 1
C Problema con il select PHP 1
M problema con select jquery e php PHP 0
A Problema: creare nuove "option" di una select-list con javascript Javascript 1
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7
S Problema con mysqli_num_rows PHP 18
grgfede Problema javascript con aruba Javascript 1

Discussioni simili