Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Campo input a scomparsa da select

    Ciao a tutti, premetto che a JS non sono molto pratico, devo pero' realizzare un form che all'interno abbia la possibilita' (tramite un campo select) di far apparire un campo input a fianco alla select alla selezione dell'opzione Altro.

    Ho spulciato un po' il forum e avrei trovato una discussione con lo script che farebbe al caso mio, solo che ho un po' di problemi (qui lo script nella discussione originale)

    qui lo script e il codice html che ho cercato di modificare per le mie esigenze:

    codice:
    <script>
    
    function fn(val){
    
     if(val == "7")sta=""
    
    else sta="none";
    
     document.getElementById("idElemento").style.display=sta;
    
    }
    </script>
    
    ...
    ....
    .....
    
    <select name="categoria" onChange="fn(this[this.selectedIndex].value)">
    
    <option selected>Seleziona</option>
    
    <option value="1">uno</option>
    <option value="2">due</option>
    <option value="3">tre</option>
    <option value="4">quattro</option>
    <option value="5">cinque</option>
    <option value="6">sei</option>
    <option value="7">Altro</option>
    </select>
    
    <input type="text" id="idElemento" size="20" name="attivita">
    Ecco a me pero' da questo problema, che proprio un problema non e' visto che cmq funziona, all'ingresso nella pagina (sto testanto in locale) mi compare sempre la casella di input, anche se e' selezionato il campo Seleziona mi scompare solamente se prima provo a selezionare un altra opzione (uno, due, tre....) e poi se seleziono Altro mi compare correttamente, ecco non mi piace proprio questa cosa, cioe' io vorrei che SOLAMENTE selezionando Altro comparisse la casella di input e che sia la stessa anche all'ingresso nella pagina.

    Mi potete dare una mano per risolvere questo tedioso problema ?!

    Ciao ciao e grazie
    Micky

  2. #2
    guarda. per ora ti rispondo così al volo, senza testare il tuo script, visto che hai detto tu che funziona.

    Il problema si dovrebbe risolvere semplicemente, nascondendo di default la casella di testo:

    codice:
    <input type="text" id="idElemento" size="20" name="attivita" display="none" >
    Prova così... penso che dovrebbe andare.
    Dice il saggio:
    Non ci sono domande difficili, esistono solo risposte che non conosciamo!
    "Se qualcosa può andare male, lo farà" - Murphy

  3. #3
    Ho provato a modificare ma niente...Sempre lo stesso problema..

    Grazie 1000 cmq
    Micky

  4. #4
    up

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.