jQuery - rimozione classe

**francesco82l** · 05-10-2016, 19:18

Salve , dovrei utilizzare jquary per rimuovere un la class "hidden" quando seleziono 1 o 2 nella select con id prova. Qualcuno mi aiuto con il codice?

codice:

<select class="form-control hidden" id="prova" required>
<option selected></option>
<option value="1">prova 1</option>
 <option value="2">prova 2</option>
<option value="3">prova 3</option>
 </select>

vi ringrazio anticipatamente

**ciro78** · 05-10-2016, 20:42

Originariamente inviata da francesco82l

Salve , dovrei utilizzare jquary per rimuovere un la class "hidden" quando seleziono 1 o 2 nella select con id prova.
Qualcuno mi aiuto con il codice?

codice:

<select class="form-control hidden" id="prova" required>
<option selected></option>
<option value="1">prova 1</option>
 <option value="2">prova 2</option>
<option value="3">prova 3</option>
 </select>

vi ringrazio anticipatamente

Ciao Francesco,
ti invito a leggere con attenzione il regolamento al fine di utilizzare al meglio il forum e agevolare chi ti vuole aiutare.

ps benvenuto

**francesco82l** · 05-10-2016, 21:16

Ciao Ciro ,ho letto il regolamento,ma non capisco ugualmente dove ho sbagliato?��

"Grazie X il benvenuto "

**KillerWorm** · 05-10-2016, 22:18

Ciao, potresti usare il metodo change() e toggleClass() impostando la condizione sul secondo parametro.
Un esempio:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <style type="text/css">
      .hidden{
                opacity: .5;
                background: grey;
            }
    </style>
    <script type="text/javascript">
      $(function(){
        $("#prova").change(function(){
                    var val = this.value;
                    $(this).toggleClass("hidden",!(val == "1" || val == "2"));
                }).change();
      })
    </script>
  </head>
  <body>
        <select class="form-control hidden" id="prova" required>
            <option selected  label="- Scegli -"></option>
            <option value="1">prova 1</option>
            <option value="2">prova 2</option>
            <option value="3">prova 3</option>
        </select>
  </body>
</html>

In alternativa puoi comunque usare addClass() e removeClass() dentro una semplice condizione if else.

**francesco82l** · 06-10-2016, 08:52

Grazie Keller

funziona perfettamente

**ciro78** · 06-10-2016, 12:14

Originariamente inviata da francesco82l

Ciao Ciro ,ho letto il regolamento,ma non capisco ugualmente dove ho sbagliato?��

"Grazie X il benvenuto "

ciao,
titolo poco chiaro (prima della correzione era jqary o simili)
mancanza del tag code.

se leggi meglio il regolamento vedi che queste cose sono scritte.

Discussione: jQuery - rimozione classe

Strumenti discussione

Ricerca discussione

Visualizza

jQuery - rimozione classe

Tag per questa discussione

Permessi di invio