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

    Disabilitare campo text tramite select

    Ciao a tutti vorrei rendere disabled un campo testo a seconda della selezione di un campo select, ho provato cosi ma sono una capra din javascript, qualcuno mi puo aiutare?

    codice:
    <script type="text/javascript">
    var seleziona = getElementById('seleziona').value;   
    if (document.modulo.seleziona == "disabled")        
    {      
    getElementById('end_date').disabled = true;     
    }  
    </script>
    <form name="modulo">   
    <select id="seleziona">   
    <option value="disabled">Disabilitato</option>   
    <option value="nodisabled">Non disabilitato</option>   
    </select>  
    <input type="text" id="end_date">  
    </form>

  2. #2
    Utente di HTML.it L'avatar di marty89
    Registrato dal
    Apr 2011
    Messaggi
    107
    Ciao, prova a fare in questo modo:
    codice:
    <script type="text/javascript">
       function controlla(){
          var seleziona = document.getElementById('seleziona').value;
          var input = document.getElementById('end_date');
          if (seleziona == "disabled"){      
             input.setAttribute('disabled', 'disabled');     
          }else{
             input.removeAttribute('disabled');
          }
       }
    </script>
    
    <form name="modulo">   
       <select id="seleziona" onchange="controlla();">   
          <option value="disabled">Disabilitato</option>   
          <option value="nodisabled">Non disabilitato</option>   
       </select>  
       <input type="text" id="end_date">  
    </form>
    Spero di esserti stata di aiuto.

  3. #3
    Grazie 1000 x la risposta!
    L'ho provato ma non funziona :-(

  4. #4
    No scusa, mi sono accorto che, di default me lo da abilitato, poi se cambio scelta me lo disabilita, mentre io lo vorrei disabilitato di default e renderlo disponibile una volta scelta l'altra opzione...grazie ancora ;-)



    Ho risolto cosi:

    codice:
    <script type="text/javascript">
    function controlla()
      {       
        var seleziona = document.getElementById('seleziona').value;       
        var input = document.getElementById('end_date');       
        if (seleziona == "disabled")         
           {               
             input.setAttribute('disabled', 'disabled');              
           }       
        if (seleziona == "nodisabled")         
           {          
             input.removeAttribute('disabled');         
           }    
      } 
    </script>
    <form name="modulo">
    <select id="seleziona" onchange="controlla();">        
    <option>Scegli</option>          
    <option value="disabled">Disabilitato</option>          
    <option value="nodisabled">Non disabilitato</option>       
    </select>      
    <input type="text" id="end_date" disabled>   
    </form>
    Ho impostato in HTML il disabled di default, ho aggiunto una OPTION nulla "Scegli" cosi obbligo l'utente a scegliere x forza! grazie ancora ;-)

  5. #5
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Forma più contratta in linea (sul elemento)
    codice:
    <form name="modulo">
    <select id="seleziona" onchange="document.getElementById('end_date').disabled=(this.options[this.selectedIndex].value=='disabled')?true:false;">        
    <option>Scegli</option>          
    <option value="disabled">Disabilitato</option>          
    <option value="">Abilita</option>       
    </select>      
    <input type="text" id="end_date" disabled="disabled">   
    </form>
    se vuoi usare la soluzione marty89 devi impostare in campo text cosi:
    <input type="text" id="end_date" disabled="disabled">
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2026 vBulletin Solutions, Inc. All rights reserved.