+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

[Jquery] Abilitare input secondo il valore di una select

Ultimo Messaggio di felino il:
  1. #1
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,691
    Aggiungi felino su Facebook Aggiungi felino su Linkedin

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

    Codice:
    <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.

  2. #2
    User
    Data Registrazione
    Jul 2010
    Messaggi
    58
    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().


    Codice 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>
    Codice:
    $(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

  3. #3
    Utente Premium L'avatar di felino
    Data Registrazione
    Nov 2009
    Località
    Acicatena - Catania
    Messaggi
    1,691
    Aggiungi felino su Facebook Aggiungi felino su Linkedin
    Ottimo, quello che cercavo.

    Grazie.

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.