Dropdown Menü bei aktivierten Radiobotton anzeigen?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Dropdown Menü bei aktivierten Radiobotton anzeigen?

    Hallo Leute leider bin ich mit JS nicht wirklich fit und bräuchte mal ein wenig hilfe. Ich habe ein Formular mit 2 Radiobottons wenn der ein von denen aktiviert ist soll eine dropdown menü angezeig werden. Nur hab ich leider überhaupt keine Idee wie ich da rangehen muss. Wäre echt nett wenn mir da Wer weiterhelfen kann. Schonmal vielen Dank für jegliche Hilfe.
    mfg
    mo

  • #2
    Gib dem Menü eine ID. Dann legt du auf das radio-Element ein onclick und zeigst das Menü mit document.getElementById und style.display an.

    Peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Schonmal danke aber iwie weiss ich nicht wo ich das document.getElementById und das style.display=on einbauen soll
      kommt das in das onclick?

      Kommentar


      • #4
        HTML-Code:
        <input type="radio" onclick="document.getElementById('deine_id').style.display: block" />
        Quick and dirty
        Peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Zitat von Kropff Beitrag anzeigen
          HTML-Code:
          <input type="radio" onclick="document.getElementById('deine_id').style.display: block" />
          Quick and dirty
          Korrektur:

          HTML-Code:
          <input type="radio" onclick="document.getElementById('deine_id').style.display = 'block'" />
          Gruß,

          Amica
          [COLOR="DarkSlateGray"]Hast du die [COLOR="DarkSlateGray"]Grundlagen zur Fehlersuche[/color] gelesen? Hast du Code-Tags benutzt?
          Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
          Super, danke!
          [/COLOR]

          Kommentar


          • #6
            Zitat von AmicaNoctis Beitrag anzeigen
            Korrektur:
            Danke. Das passiert bei quick and dirty.
            Peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              So sieht das jetzt bei mir aus aber macht iwie nicht das was es soll.
              HTML-Code:
              <input type="radio"  value="1" onclick="document.getElementById('1').style.display: block" />
              
              <div id="1" style="display: none;">
               //hier ist das das dropdown drin 
              </div>
              Habe da sicher noch was übersehen
              mfg
              mo

              Kommentar


              • #8
                Zitat von mo78 Beitrag anzeigen
                HTML-Code:
                <div id="1" style="display: none;">
                Eine ID darf nicht mit einer Zahl beginnen. Außerdem hast du dir die Korrektur von unserer Freundin der Nacht nicht angesehen.

                Peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  Also so siehts das jetzt bei mir aus aber iwie leider immer noch ohne ergebniss.

                  HTML-Code:
                  <input type="radio" value="1" onclick="document.getElementById('eine_id').style.display:'block'" />
                       <div id="eine_id" style="display: none">FooBar</div>

                  Kommentar


                  • #10
                    Lesen ist wohl nicht deine Stärke:
                    Zitat von AmicaNoctis Beitrag anzeigen
                    Korrektur:

                    HTML-Code:
                    <input type="radio" onclick="document.getElementById('deine_id').style.display = 'block'" />
                    Peter
                    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                    Meine Seite

                    Kommentar


                    • #11
                      NO COMMENT und besten Dank nochmal

                      Kommentar

                      Lädt...
                      X