select onchange visualizza campo testo

**djjunior** · 10-08-2010, 21:49

carissimi,
devo fare una select che selezionando tra varie voci la voce ALTRO mi deve far visionare tramite una div un campo testo:
Ho fatto così ma non funziona:

codice:

<script type="text/javascript">

 function describe(){
  document.getElementById("altri").style.display = "none";
  document.getElementById("altri").style.display = "";
 }
</script>

la voce della select:

codice:

<option value="ALTRO" onchange="describe(this.selectedIndex);">ALTRO</option>

e poi la div

codice:

<div id="altri" style="display: none">
<input type="text" name="altrititoli" size="56"></div>

Cosa sbaglio?
Grazie
G.

**br1** · 10-08-2010, 22:59

Come e' logico aspettarsi una option non puo' cambiare... l'evento va applicato alla select.

<select .... onchange="describe(this.selectedIndex);">

poi ovviamente devi testare il valore passato per decidere se visualizzare l'elemento...

function describe(n){
document.getElementById("altri").style.display = (n==2) ? "block" : "none" ;
}

supponendo che l'indice della option di value="altro" sia il 2

ciao

**djjunior** · 11-08-2010, 13:07

Capito, grazie...
Ho fatto così:

codice:

<script type="text/javascript">
function stampaindiv(opzione){
if(opzione == "ALTRO"){
document.getElementById('altri').style.display='';
}else { 
document.getElementById('altri').style.display='none';
} 
} 
setTimeout("stampaindiv(document.getElementById('Titolostudio').value,'altri');",1); 
</script>


-SELECT (stralcio)
<select name="titolostudio" size="1" onChange="stampaindiv(this.value,'altri');"> 
<option value="ABILITAZIONE MAGISTRALE"<%if studi = "ABILITAZIONE MAGISTRALE" then%> selected="selected"<%end if%>>ABILITAZIONE MAGISTRALE</option>
<option value="ACCADEMIA BELLE ARTI"<%if studi = "ACCADEMIA BELLE ARTI" then%> selected="selected"<%end if%>>ACCADEMIA BELLE ARTI</option>    
<option value="ALTRO" <%if studi = "ALTRO" then%> selected="selected"<%end if>>ALTRO</option>


-DIV
<div id="altri" style="display:none;">



<input type="text" name="altrititoli" size="68" value="<%=rs.fields("altrititoli")%>"></p></div>

Funziona se il campo selezionato (PRELEVATO DAL DB) dalla select è su ALTRO, se invece dal db preleva un altro campo (per es: ABILITAZIONE MAGISTRALE) mi da errore java NECESSARIO OGGETTO a questa riga document.getElementById('altri').style.display='no ne'; e giustamente non mi fa vedere la div

Ma cosa strana , anche con l'errore indicato se vado su ALTRO mi fà vedere correttamente la div.
Come posso risolvere il problema?
Grazie
G.

**djjunior** · 11-08-2010, 16:23

Ho notato che l'errore NECESSARIO OGGETTO, lo fa solo al primo caricamento della pagina, se provo a refreshlarla anche con f5 l'errore sparire, cosa può essere?
Grazie
G.

**Xinod** · 11-08-2010, 16:50

probabilmente e' questa roba qui
setTimeout("stampaindiv(document.getElementById('T itolostudio').value,'altri');",1);

o posizioni fisicamente un blocco script che contiene solo il richiamo a stampaindiv() dopo questo div "altri"
oppure fai eseguire sempre questo richiamo a stampaindiv() all' onload o al DOMload

tirare ad indovinare con le tempistiche di caricamento (che poi... 1 millisecondo!!) non e' proprio il massimo...

**djjunior** · 11-08-2010, 17:01

infatti il problema era li,
comunque ho fatto così ed è tutto funzionante senza errori:

codice:

<body onload="stampaindiv(document.getElementById('Titolostudio').value,'altri');",1"">

Grazie per il tuo aiuto.
G.

Discussione: select onchange visualizza campo testo

Strumenti discussione

Ricerca discussione

Visualizza

select onchange visualizza campo testo

Permessi di invio