1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

Frage <option> - tag Verlinkung?

Dieses Thema im Forum "C/C++/C#, Java, Visual Basic" wurde erstellt von majesticc89, 26 Mai 2017.

  1. majesticc89

    majesticc89 Mitglied

    Registriert seit:
    8 Mai 2017
    Beiträge:
    34
    Punkte für Erfolge:
    6
    Servus Leute,
    folgender Code:

    HTML:
    Code (text):
    1.  
    2. <form>
    3.   <label>Auswahl:
    4.     <select name="spieltage">
    5.        <option>Auswahl 1</option>
    6.         <option>Auswahl 2</option>
    7.         <option>Auswahl 3</option>
    8.         <option>Auswahl 4</option>
    9.         <option>Auswahl 5</option>
    10.      </select>
    11.   </label>
    12. </form>
    13.  
    14. <p> &nbsp; </p>
    15. <div class="content1" style="display:none;">
    16.   <p> Content 1 </p>
    17. </div>
    18.  
    19. <p> &nbsp; </p>
    20. <div class="content2" style="display:none;">
    21.   <p> Content 2 </p>
    22. </div>
    23.  
    24. <p> &nbsp; </p>
    25. <div class="content3" style="display:none;">
    26.   <p> Content 3 </p>
    27. </div>
    28.  
    29. <p> &nbsp; </p>
    30. <div class="content4" style="display:none;">
    31.   <p> Content 4 </p>
    32. </div>
    33.  
    34. <p> &nbsp; </p>
    35. <div class="content5" style="display:none;">
    36.   <p> Content 5 </p>
    37. </div>
    38.  

    CSS:
    Code (text):
    1.  
    2. div.content1 {
    3.   text-align: center;
    4.   width: 100px;
    5.   height: 50px;
    6.   border: 1px solid black;
    7.   background: white;
    8.   border-radius: 5px;
    9. }
    10.  
    11. div.content2 {
    12.   text-align: center;
    13.   width: 100px;
    14.   height: 50px;
    15.   border: 1px solid black;
    16.   background: white;
    17.   border-radius: 5px;
    18. }
    19.  
    20. div.content3 {
    21.   text-align: center;
    22.   width: 100px;
    23.   height: 50px;
    24.   border: 1px solid black;
    25.   background: white;
    26.   border-radius: 5px;
    27. }
    28.  
    29. div.content4 {
    30.   text-align: center;
    31.   width: 100px;
    32.   height: 50px;
    33.   border: 1px solid black;
    34.   background: white;
    35.   border-radius: 5px;
    36. }
    37.  
    38. div.content5 {
    39.   text-align: center;
    40.   width: 100px;
    41.   height: 50px;
    42.   border: 1px solid black;
    43.   background: white;
    44.   border-radius: 5px;
    45. }
    46.  

    (Der CSS-Code kann vernachlässigt werden).

    Dank euch habe ich nun mehrere Buttons erstellt, die mit Hilfe eines JavaScripts den jeweiligen Content anzeigen, danke noch einmal.

    Nun meine nächste Frage: Ist es möglich (siehe HTML) die <option> - Tags an bestimmte divs zu binden?
    Bspw.
    <option> Auswahl 1 </option> an div.class="content1"
    usw.

    und das bei der jeweiligen Auswahl NUR derjenige Content angezeigt wird.
    Das wäre einfacher als 5 Buttons zu erstellen / zu verstecken und mit der :hover Funktion zu arbeiten.
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Sempervivum

    Sempervivum Aktives Mitglied

    Registriert seit:
    18 Oktober 2016
    Beiträge:
    286
    Punkte für Erfolge:
    28
    Verstehe ich das richtig? Du möchtest die Buttons los werden und statt dessen die Sichtbarkeit der divs über die Options steuern?
    Edit: Sehe gerade, dass dieser Thread schon ein paar Tage alt ist. Wahrscheinlich nicht mehr aktuell die Frage?
     
  3. majesticc89

    majesticc89 Mitglied

    Registriert seit:
    8 Mai 2017
    Beiträge:
    34
    Punkte für Erfolge:
    6
    Hat sich erledigt, danke dennoch :)