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

    mostrare / nascondere testo in una form

    Ho implementato questo controllo per mostrare o nascondere un input in base alla scelta di una select (grazie al forum..)
    <select name="modalita" onchange="this.form.bollino.style.display=(this.op tions[this.selectedIndex].value=='BL') ? 'inline' : 'none';">
    <option value="CC" selected>Conto Corrente</option>
    <option value="BL">Bollino</option>
    </select></td>
    <td width="10%" bgcolor="#FFFF00">Nr. Bollino</td>
    <td width="20%" bgcolor="#FFFFFF"><input name="bollino" type="text" id="bollino" style="display:none;"></td>

    ora vorrei anche mostrare o nascondere la label " Nr. Bollino" in sintonia con il campo "bollino"
    Si puo' fare ??

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    facciamo un pò di ordine

    allora tra i tag <head> e </head> inserisci questo pezzo di codice:

    codice:
    <script type="text/javascript">
    function switch_bollino(this_select) {
        if (this_select.options[this_select.selectedIndex].value=='BL') {
            document.getElementById('bollino').style.display = 'inline';
            document.getElementById('bollino_txt').style.display = 'inline';
        }
        else {
            document.getElementById('bollino').style.display = 'none';
            document.getElementById('bollino_txt').style.display = 'none';    
        }
    }
    </script>
    mentre nell'HTML devi sostituire il codice che hai postato con il seguente:

    codice:
    <select name="modalita" onchange="javascript:switch_bollino(this);"> 
    <option value="CC" selected>Conto Corrente</option> 
    <option value="BL">Bollino</option> 
    </select></td> 
    <td width="10%" bgcolor="#FFFF00"><span id="bollino_txt" style="display:none">Nr. Bollino</span></td> 
    <td width="20%" bgcolor="#FFFFFF"><input name="bollino" type="text" id="bollino" style="display:none;"></td>
    Rispetto a prima questo ha il pregio di separare la parte di javascript dall'html e poi usi il DOM crossbrowser...

    Enjoy
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3

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.