[Jquery] Abilitare input secondo il valore di una select

felino

[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.

psampras

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

felino

Ottimo, quello che cercavo.

Grazie.