[JavaScript] div nascosto o visibile da 'onChange'

[speriamobene]

ho la necessita' di far appararire in un form un campo solo se il valore di un determinato campo select è '2' e '3'.

ho pensato di inserire il campo 'opzionale' in un div e di mettere onchange sul campo select.

poi ho scritto in head il codice:

<script type="text/javascript">
<!--
function hidden(value)
{
finestato.style.display=none
}

function visible(value)
{
finestato.style.display=inline
}

function setother(value)
{
}

//-->
</script>

però ho due problemi:

1. non so fare l'if nella funzione setother

2. 'finestato' è il nome del div... e non va! :-(
infatti ho provato a scrivere:

function setother(value)
{
hidden(value)
}

ed ho visto che nn funziona comunque.

come fare?

[peo91919]

ma non devi utilizzare document.getElementById('finestato').style.display ??? Mi sa proprio di si...

e poi potresti fare solo una funzione...
ne fai una che si chiama controlla(value) e ci metti dentro un if...

function controlla(value) {
if(value >= 2) {
document.getElementById('finestato').style.display ='none';// se value è maggiore-uguale a 2 allora non visualizzare
}else if(value<2) {
document.getElementById('finestato').style.display ='';//se è minore allora visualizza
}
}
e la metti nell'onchange o dove vuoi tu
Cmq

[speriamobene]

hai ragione... solo che continua a non funzionare

<option value="2">

vuol dire che il 2 non è un numero ma una stringa... puo' essere per quello?
come fare il confronto in javascript di 2 ma come stringa?

[peo91919]

Originariamente inviato da speriamobene
hai ragione... solo che continua a non funzionare

<option value="2">

vuol dire che il 2 non è un numero ma una stringa... puo' essere per quello?
come fare il confronto in javascript di 2 ma come stringa?

azz se devo essere sincero anche io dall'inizio incappo sempre in questo errore del cavolo...

Beh...non so risponderti sinceramente, ma penso che il problema non sia lì!

Ha provato a fare
<option value="2" onClick="controlla(2)">
Funziona?

[speriamobene]

purtroppo provato ora e nn va!

[speriamobene]

ho provato anche così:

<script type="text/javascript">
<!--
function controlla(value) { 
if(this.value == '2') { 
document.getElementById('finestato').style.display='none';// se value è maggiore-uguale a 2 allora non visualizzare 
}else if(this.value != '2') { 
document.getElementById('finestato').style.display='';//se è minore allora visualizza 
} 
} 
//-->
</script>

ma nn va...

cosa ci sfugge? uhmm

[peo91919]

function controlla(valuta) {
if(valuta >= 2) {
document.getElementById('finestato').style.display ='none';// se value è maggiore-uguale a 2 allora non visualizzare
}else if(valuta<2) {
document.getElementById('finestato').style.display ='';//se è minore allora visualizza
}
}

Cambiamo value con valuta, nn si sa mai!
Prova a fare degli alert x vedere dov'è che va l'if...
anzi adesso provo anche io!!!

EDIT: mmm nn riesco a farlo funzionare con le <option>...ma avranno l'evento on* ?? Andiamo a cercare...

EDIT!! Ce l'ho fatta!!!!
ecco il codice!! L'OnSelect va sul select, non sull'option

<script>
function controlla(valuta) { 
if(valuta >= 2) { 
document.getElementById('finestato').style.display='none';// se value è maggiore-uguale a 2 
allora non visualizzare 
}else if(valuta<2) { 
document.getElementById('finestato').style.display='';//se è minore allora visualizza 
} 
}
</script>
<select name="sassa" onChange="controlla(this.value)"><option name="uno" 

value="1">uno</option>
<option name="due" value="2">due</option>
<option name="tre" value="3">tre</option>
</select>
<input type="text" name="finestato" style="display='none'">

è un pò macabraccio

[speriamobene]

sicuro che funz? a me nn va

ho provato il tuo esempio e nn va
cmq a me servirebbe che finestato sia un div!

<div id="finestato">
...
</div>

[peo91919]

si che funzia!!! Poi se lo vuoi in div..

<script>
function controlla(valuta) { 
if(valuta >= 2) { 
document.getElementById('finestato').style.display='none';// se value è maggiore-uguale a 2 
allora non visualizzare 
}else if(valuta<2) { 
document.getElementById('finestato').style.display='';//se è minore allora visualizza 
} 
}
</script>
<select name="sassa" onChange="controlla(this.value)"><option name="uno" value="1">uno</option>
<option name="due" value="2">due</option>
<option name="tre" value="3">tre</option>
</select>
<div id="finestato" style="display='none'">Ciò che vuoi</div>

Faccio prove...

<script>
function controlla(valuta) { 
if(valuta >= 2) { 
document.getElementById('finestato').style.display='none';// se value è maggiore-uguale a 2 
allora non visualizzare 
}else if(valuta<2) { 
document.getElementById('finestato').style.display='';//se è minore allora visualizza 
} 
}
</script>
<select name="sassa" onChange="controlla(this.value);"><option name="uno" 

value="1">uno</option>
<option name="due" value="2">due</option>
<option name="tre" value="3">tre</option>
</select>
<div id="finestato" style="display:none">Ciò che vuoi</div>

Non funzia più

Allora vediamo di lavorare insieme....
dichiariamo la funzione, l'errore si presenta nel document.getElementById('finestato').style.display , perchè dice che non trova l'oggetto...
Ma perché????

EDIT! Funzia!!!

<script>
function Controlla(valore,livello) {
    if(valore >=3) {
        document.getElementById(livello).style.display='none';
    }else if(valore < 3) {
        document.getElementById(livello).style.display='';
    }
}
setTimeout("Controlla(document.getElementById('selezione').value,'finestato');",1);
</script>

<select name="selezione" onChange="Controlla(this.value,'finestato');">
<option name="uno" value=1>Uno</option>
<option name="due" value=2>Due</option>
<option name="tre" value=3>Tre</option>
<option name="qutr" value=4>Quattro</option>
</select>
<div id="finestato" style="display:none;">Ciao mamma!!!!!!!!!!!!!!!!</div> 

Testato al 10000000000%!!!!!
Anzi lo metto anche online..LINK ONLINE

[speriamobene]

ora si!
grazie 100000000000000000000000000000000000000!!