abilitare e disabilitare campo in funzione di scelta utente

[lucavizzi]

Per disabilitare un campo di un form, puoi usare l'istruzione:

document.getElementById('id_del_campo').disabled=true;

DOM2

Oppure:

document.querySelector('#id_del_campo').disabled=true;

DOM3

Per abilitarlo, invece di assegnare true, assegnerai false;



Nel tuo caso specifico, dovrai assegnare una funzione all'evento change del tag select.

<select onChange="document.querySelector('#id_del_campo').disabled=(this.value=='b')">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Se il value selezionato sarà 'b' (this.value=='b'), il campo con id 'id_del_campo' verrà disabilitato.

[vittorino87]

Per disabilitare un campo di un form, puoi usare l'istruzione:

document.getElementById('id_del_campo').disabled=true;

DOM2

Oppure:

document.querySelector('#id_del_campo').disabled=true;

DOM3

Per abilitarlo, invece di assegnare true, assegnerai false;



Nel tuo caso specifico, dovrai assegnare una funzione all'evento change del tag select.

<select onChange="document.querySelector('#id_del_campo').disabled=(this.value=='b')">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Se il value selezionato sarà 'b' (this.value=='b'), il campo con id 'id_del_campo' verrà disabilitato.

Grazie 1000, ho provato ma mi da errore. Ecco il codice senza aggiunta di js:

<p align="center">Selezione:
<select name="sele">
<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>
</select>
</p>

Dove dovrei inserire il JS? Scusa ma sono alle prime armi.

[lucavizzi]

posta anche l'HTML del campo da disabilitare

[vittorino87]

posta anche l'HTML del campo da disabilitare

<form method="post" action="">
    <p align="center"> Primo Campo: <input type="number" name="camp1" /></p>  
    
<p align="center">Selezione:
<select name="sele">
   <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>   <!-- se l'utente seleziona questo valore il Secondo Campo (sotto) deve essere disabilitato -->
</select>                                                    
</p>
    
<p align="center">Secondo Campo: <input type="number" name="camp2"/><br><br><br>            
        
    <input type="Submit" value="Invia" />
</p>
    
    
</form>

[lucavizzi]

<form method="post" action="">
    <p align="center"> Primo Campo: <input type="number" name="camp1" /></p>  
    
<p align="center">Selezione:
<select name="sele" onChange="document.querySelector('input[name=camp2]').disabled=this.value==5">
   <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>   <!-- se l'utente seleziona questo valore il Secondo Campo (sotto) deve essere disabilitato -->
</select>                                                    
</p>
    
<p align="center">Secondo Campo: <input type="number" name="camp2"/><br><br><br>            
        
    <input type="Submit" value="Invia" />
</p>
    
    
</form>

Ricorda di usare *sempre* il tag code quando posti codice di qualsiasi tipo.

Se hai domande sullo script, chiedi pure.

[vittorino87]

<form method="post" action="">
    <p align="center"> Primo Campo: <input type="number" name="camp1" /></p>  
    
<p align="center">Selezione:
<select name="sele" onChange="document.querySelector('input[name=camp2]').disabled=this.value==5">
   <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>   <!-- se l'utente seleziona questo valore il Secondo Campo (sotto) deve essere disabilitato -->
</select>                                                    
</p>
    
<p align="center">Secondo Campo: <input type="number" name="camp2"/><br><br><br>            
        
    <input type="Submit" value="Invia" />
</p>
    
    
</form>

Ricorda di usare *sempre* il tag code quando posti codice di qualsiasi tipo.

Se hai domande sullo script, chiedi pure.

OKOK grazie milleee.... funziona.