• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Javascript ad option HTML

Stato
Discussione chiusa ad ulteriori risposte.

vinnythebest

Amministratore
Amministratore
27 Dicembre 2007
6.588
291
128
Veneto
Miglior risposta
0
#1 Autore del topic
Risolto.
Soluzione:

Javascript:
Codice:
function toggleFields() {
    if ($("#sceltabambini").val() === "0")
        $("#bimbeta00").show();
    else
        $("#bimbeta00").hide();
   
    if ($("#sceltabambini").val() === "1")
        $("#bimbeta11").show();
    else
        $("#bimbeta11").hide();
   
    if ($("#sceltabambini").val() === "2")
        $("#bimbeta22").show();
    else
        $("#bimbeta22").hide();
   
    if ($("#sceltabambini").val() === "3")
        $("#bimbeta33").show();
    else
        $("#bimbeta33").hide();
   
    if ($("#sceltabambini").val() === "4")
        $("#bimbeta44").show();
    else
        $("#bimbeta44").hide();
}
</script>
HTML:
Codice:
<div id="bimbeta00">
    Non hai selezionato nessun bambino.
    </div>
    <div id="bimbeta11">
    Età 1° Bambino: <select id="bimbeta1" name="bimbeta1">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    </div>
    <div id="bimbeta22">
    Età 1° Bambino: <select id="bimbeta1" name="bimbeta1">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    Età 2° Bambino: <select id="bimbeta2" name="bimbeta2">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    </div>
    <div id="bimbeta33">
    Età 1° Bambino: <select id="bimbeta1" name="bimbeta1">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    Età 2° Bambino: <select id="bimbeta2" name="bimbeta2">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    Età 3° Bambino: <select id="bimbeta3" name="bimbeta3">
    <option value="0" selected>0</option> 
    <option value="1">1</option> 
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    </select>
    </div>
 
Ultima modifica:

dunkerc

Utente Esperto
1 Settembre 2014
1.333
121
139
Catania
Miglior risposta
0
#2
Una soluzione possibile potrebbe essere anche questa:

JavaScript:
    <script>
    function whatBimbeta(id) {
      if(id === "0") {
        return "bimbeta00";
       }else if(id === "1") {
        return "bimbeta11";
      } else if(id === "2") {
        return "bimbeta22";
      } else if(id === "3") {
        return "bimbeta33";
      } else {
        return "bimbeta44";
      }
    }
    function toggleFields() {
        valBambini = $("#sceltabambini").val();
        num = whatBimbeta(valBambini);
        if(document.getElementById(num).style.display == "none")
          $("#"+num).show();
        else
          $("#"+num).hide();
    }
    </script>
Comunque posso chiudere?!

EDIT:
sposto in una sezione più appropriata
 
Ultima modifica:

vinnythebest

Amministratore
Amministratore
27 Dicembre 2007
6.588
291
128
Veneto
Miglior risposta
0
#3 Autore del topic
Una soluzione possibile potrebbe essere anche questa:

JavaScript:
    <script>
    function whatBimbeta(id) {
      if(id === "0") {
        return "bimbeta00";
       }else if(id === "1") {
        return "bimbeta11";
      } else if(id === "2") {
        return "bimbeta22";
      } else if(id === "3") {
        return "bimbeta33";
      } else {
        return "bimbeta44";
      }
    }
    function toggleFields() {
        valBambini = $("#sceltabambini").val();
        num = whatBimbeta(valBambini);
        if(document.getElementById(num).style.display == "none")
          $("#"+num).show();
        else
          $("#"+num).hide();
    }
    </script>
Comunque posso chiudere?!

EDIT:
sposto in una sezione più appropriata
Si puoi chiudere, grazie :emoji_slight_smile:
 
Stato
Discussione chiusa ad ulteriori risposte.
Shoutbox
  1. S Santa Elera: Ho un problema con il mio telefonino
  2. S Santa Elera: C'è qualcuno che può aiutarmi?
  3. #KiK #KiK: CAFONE
  4. #KiK #KiK: ma come parla
  5. 404NotFound 404NotFound: figa
  6. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  7. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  8. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  9. Forzaese23 Forzaese23: retro babbo
  10. #KiK #KiK: createlo amikoooo
  11. B bbhojjjj76: fake login habbo ne avete?
  12. N NeroWhite BO: Buonasera
  13. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  14. #Egzon14 #Egzon14: habbo passerà ad unity
  15. #KiK #KiK: ma infatti
  16. #Egzon14 #Egzon14: ancora con sti retro habbo
  17. M mikiamo2012: Qualcuno per creare retro habbo?
  18. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  19. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  20. #Egzon14 #Egzon14: è proprio morto sciax2
  21. #KiK #KiK: Amiciii come statee
  22. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  23. LogR LogR: Cerco tutto lo staff per il mio retroserver
  24. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  25. A AnonymousOwna: Lubex Hotel è online vi aspetto
Top