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

    Problema funzione onchange

    Ciao a tutti.
    Vorrei che nel mio codice per una form quando si seleziona un'opzione del tag "select" appaia un "tr" che fino ad allora era impostato come invisibile tramite "display: none".

    questo è il codice del select:
    codice:
    <select name="select" style="width: 178px; height: 20px;" onchange="cambiadata()"> 
    <option value=""></option> 
    <option value="Mese">Mese</option> 
    <option value="Provincia e comune<">Provincia e comune</option> 
    <option value="Tipologia immobile">Tipologia immobile</option>
    <option value="Modalità di contatto">Modalità di contatto</option>
    <option value="Fonte">Fonte</option> 
    </select>
    quest'altro è il codice della funzione nell'head per mostrare il tr nascosto chiamato "data"
    codice:
    <script language="javascript" type="text/javascript">
    function cambiadata() { 
    if (this.options[1].selected) 
       document.getElementById('data').style.display = 'block';
    else if (this.options[2].selected)
        document.getElementById('data').style.display = 'none'; }
    </script>
    Lo script funge nel caso metto la funzione all'interno stesso dell'"onchange" ma a me serve in uno script separato nell'header. E aimè, in questo caso non vuole proprio funzionare.
    Vi ringrazio anticipatamente per l'aiuto.

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Perche' usi this che equivale a tutto l'oggetto html del caso. Se lo metti nell'onchange funziona altrimenti gli devi passare il this alla funzione come parametro: cambiadata(this) e nella funzione avrai :

    codice:
    function cambiadata(obj) { 
    if (obj.options[1].selected).....

  3. #3
    Ti ringrazio, ora funge alla perfezione.

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.