• Super User

    [Jquery] Abilitare input secondo il valore di una select

    Salve utenti,
    vorrei abilitare un unput text nel caso in cui in una select abbia selezionato un dermintato valore (ad. esempio 'Altro'), come fare?

    
    <select name="edeeeccece">
        <option value="1">aaa</option>
        <option value="2">bbb</option>    
        <option value="altro">Altro</option>    
    </select>
    
    <input type="text" name="altro_input"></input>
    
    

    Grazie.


  • User

    Ciao felino,
    io farei così. Ho modificato leggermente il tuo html per poter selezionare più facilmente con jquery gli elementi coinvolti.
    Ho aggiunto l'attributo disabled al tuo input di testo sperando di aver interpretato bene cosa intendi per abilitare/disabilitare.
    Se invece vuoi proprio nascondere l'input, utilizzerei i metodi hide() e show().

    [HTML]
    <select id="sel1" name="edeeeccece"> <option value="1">aaa</option> <option value="2">bbb</option> <option value="altro">Altro</option> </select>
    <input disabled="disabled" id="inp1" type="text" name="altro_input"></input>[/HTML]

    
    $(document).ready(function() {  
      $('#sel1').change(function() {
        var v = $(this).val();
        if(v==2){
          $("#inp1").removeAttr("disabled");
        } else {
          $("#inp1").val(""); //serve se vuoi svuotare l'input di testo
          $("#inp1").attr("disabled", "disabled");
        }
      });
    });
    

    Ciao,
    Giuseppe


  • Super User

    Ottimo, quello che cercavo.

    Grazie.