Select dinamica in js, problema con ie

**nogero** · 12-02-2011, 02:10

Ciao a tutti,
sto realizzando una select i cui valori vengano aggiornati automaticamente man mano che vengono aggiunte delle righe ad una tabella dinamica creata sempre in js.
La select funziona bene con chrome e firefox, mentre con IE la select contiene sempre dei campi vuoti.

Per cercare di risolvere il problema ho provato anche a semplificare la funzione per vedere se riuscivo a trovare il problema, ma anche con una funzione molto semplice non riesco a visualizzare le opzioni della select con Ie.

Questo è il codice html della pagina che ho creato per fare il test

[CODE]
<script type="text/javascript">
function selectalo(){
var option =

**Mattia Vio** · 12-02-2011, 02:16

non si vede il codice

**nogero** · 12-02-2011, 09:38

Ciao a tutti, si ho visto, avevo dei problemi con l'inserimento del thread ieri, ecco il resto della mia domanda

codice:

<script type="text/javascript">  	
   function selectalo(){ 	 	  
      var option = new Option("edai", 0);
      document.getElementById('sel').appendChild(option); 	 	
   } 			 
</script  

<html> 
   <head></head>  
   <body>  
      <select id="sel" name="sel"></select>  
      <input type="button" id="edai" name="edai" onclick="selectalo()" />  
   </body>  
</html>

Cliccando sul bottone dovrebbero aggiungersi nella select delle opzioni con scritto edai e dovrebbe permetterti di selezionarle.

Con firefox e chrome la cosa funziona, con IE non compaiono le opzioni create.

L'unica cosa che ho notato è che con IE la lista delle opzioni è come se si ingrandisse, ma non viene visualizzato nessun valore e non è possibile selezionare niente.

Qualcuno sa dirmi a cosa può essere dovuto l'errore?

Grazie a tutti per l'attenzione

**Vindav** · 12-02-2011, 12:19

prova cosi:

codice:

<script type="text/javascript"> 
function selectalo(){ 
        var option = new Option("edai", 0);
	var select = document.getElementById('sel');
        try {
		select.add(option, null);
	} catch(e) {
		//Per Internet Explorer
		select.add(option);
	}
}
</script>

**nogero** · 12-02-2011, 13:08

Grazie Vindav,
ora nello script di prova funziona anche con Ie,
adesso provo ad inserirlo nel form più complesso che stavo realizzando e vediamo.

Ne approffitto per chiederti una cosa,
il problema era dovuto ad un mio errore o a dei bug di ie?

Grazie

**nogero** · 13-02-2011, 09:56

Allora, il problema della select, sembra essere risolto,
ora ho un altro problema (non so se posso scriverlo in questa discussione o se devo aprirne un'altra).
Il problema è sempre con IE.

In pratica utilizzo una funzione Js per creare una tabella dipendenti dinamica.
Quindi creo gli elementi

codice:

var oTr=document.createElement("TR"); 				
var oTd1=document.createElement("TD"); 				
var oTd2=document.createElement("TD"); 				
var oField=document.createElement("INPUT"); 				
var oField2=document.createElement("INPUT"); 	
[...]			
var oText=document.createTextNode(rowDip);

e poi utilizzo la .setAtribute per definirne gli attributi

codice:

[....]
oField2.setAttribute("type", "input"); 				
oField2.setAttribute("name", "nomeCognome_" + rowDip);
oField2.setAttribute("id", "nomeCognome_" + rowDip); 
oField2.setAttribute("maxlength", "40"); 			
oField2.setAttribute("size", "20"); 				
oField2.setAttribute("class", "sizeFonts"); 				
oField2.setAttribute("onblur", "checkDip(this);");

Con chrome e Firefox funziona tutto bene, con IE, alcuni atributi non vengono settati, con la conseguenza che per esempio non ho definita la lunghezza massima e non vengono nemmeno richiamate le funzioni per il controllo del campo sull' onblur.

Qualcuno sa se è possibile risolvere questo problema, magari con qualche istruzione fatta apposta per IE.

Grazie per l'attenzione

Discussione: Select dinamica in js, problema con ie

Strumenti discussione

Ricerca discussione

Visualizza

Select dinamica in js, problema con ie

Permessi di invio