[js] select stato selezionato

[webstyler]

Ciao, ho una funzione su una select con questo codice

onChange="visualizza(this[this.selectedIndex].value)"')

funziona correttamente

il problema si pone quando l'utente invia il form che però non è completo quindi gli vengono inidicati i campi da inserire,... la select è selezionata ma la funzione non "funziona" immagino perché non c'è stato cambiamento...

non c'è modo per indicare alla select uno stato di "selezione" ?

thks

[var]

cosa intendi per "stato di selezione"?

[webstyler]

praticamente quando l'invio non viene completato il form viene restituito con i campi precedentemente selezionati.


Prima dell'invio

<select name="sg" tabindex="90" onChange="visualizza(this[this.selectedIndex].value)">
<option value="">---</option>
<option value="uno">uno</option>
</select>

Dopo l'invio (in caso altri campi non siano compilati e questo sì)

<select name="sg" tabindex="90" onChange="visualizza(this[this.selectedIndex].value)">
<option value="">---</option>
<option value="uno" selected>uno</option>
</select>

In quest'ultimo caso uno è selezionato ma la funzione non si attiva.

[var]

beh, credo tu debba forzare il richiamo della funzione visualizza dopo il mancato invio del form.

[webstyler]

La funzione è quella sottostante

function visualizza(quale)
{
if (quale=='') {document.getElementById("idLivello").innerHTML="< img src=\"img/schemi/vuota.gif\" />"; }
else { document.getElementById("idLivello").innerHTML="<i mg src=\"img/schemi/"+quale+".gif\" border=\"1\" />"; }
}

quello che posso fare è forzare la chiamata della funzione tramite php, all'interno del body..

[alexdem24]

disabilita la funzione di invio fino a quando il form non e' completo.

Se fai effettuare l'invio al form, ed i dati sono incompleti, quando si torna indietro si perdono i dati inseriti, ameno che tu non voglia prelevarli dal GET o POST (in base al tipo di invio che hai deciso di fare). Ma e' uno spreco di risorse.

Se invece "prima" dell'invio del form fai partire una funzione che controlla tutti i campi, eviti questo inconveniente. Nel caso il form e' incompleto, i dati rimarranno xche' il form non ha effettuato il submit, in caso contrario l'invio verra' fatto regolarmente e corretamente.
Per il select, fai un controllo su di esso prima dell'invio, se il suo valore e' "---" il form restituira' false, in caso contrario restituira' true.

Per come effettuare il controllo sui campi fai una ricerca qui sul forum. Queto argomento e' stato trattato moltissime volte.

[webstyler]

Originariamente inviato da alexdem24
disabilita la funzione di invio fino a quando il form non e' completo.

Se fai effettuare l'invio al form, ed i dati sono incompleti, quando si torna indietro si perdono i dati inseriti, ameno che tu non voglia prelevarli dal GET o POST (in base al tipo di invio che hai deciso di fare). Ma e' uno spreco di risorse.

Se invece "prima" dell'invio del form fai partire una funzione che controlla tutti i campi, eviti questo inconveniente. Nel caso il form e' incompleto, i dati rimarranno xche' il form non ha effettuato il submit, in caso contrario l'invio verra' fatto regolarmente e corretamente.
Per il select, fai un controllo su di esso prima dell'invio, se il suo valore e' "---" il form restituira' false, in caso contrario restituira' true.

Per come effettuare il controllo sui campi fai una ricerca qui sul forum. Queto argomento e' stato trattato moltissime volte.

Ciao, il form viene controllato da php, perché ho bisogno di fare una serie di controlli su dbase e prendere dati da array preconfigurati....

potrei far così (premetto son nubbio di js)

carico la funzione "forzandola" così :

<script type="text/javascript">visualizza('valore')</script>

però non mi funge .. e non capisco perché ..

[alexdem24]

postami ul codice della pagina php che si incarica di controllare il form, e l'eventuale funzione js

[webstyler]

la funzione js è :
function visualizza(quale){
if (quale=='') {document.getElementById("idLivello").innerHTML="< img src=\"img/schemi/vuota.gif\" />"; }
else { document.getElementById("idLivello").innerHTML="<i mg src=\"img/schemi/"+quale+".gif\" border=\"1\" />"; }
}

mentre in php faccio un controllo sull'esistenza di valori nel dbase e/o sull'invio del form, in caso affermativo forzo la funzione.
Ma anche scrivendo direttamente questo nel corpo non mi funziona :
<script type="text/javascript">visualizza('4_4_2')</script>

thks

[alexdem24]

perche' richiami la funzione js in quel modo ?

Nel corpo della pagina, mettiamo caso che vuoi abbinare il cambio dell'immagine ad un select, dovrai scrivere una cosa del tipo:

<select name="cambia" onchange="visualizza(this.options
    [this.selectedIndex].value);">
<option value="cane">cane</option>
.......
</select>

ciao