jus2: Option wählen

SELF-Forum

Option wählen

jus2
– Informationen zu den Bewertungsregeln

Hallo,

Ich habe mir in meinem HTML Code ein Dropdown Menü mit mehreren options erstellt. Nun möchte ich zwei Buttons haben, mit denen ich die vorhergehende oder nächste Option wählen kann.

Bin Leider im Bereich Javascript noch totaler Anfänger.
Deshalb weiß ich nicht im Ansatz, wie das Funktionieren soll.
Ich weiß auch, dass das Forum nicht unbedingt dazu da ist, fertige Lösungen bereitzustellen aber ich würde mich trotzdem freuen, wenn jemand ein fertiges Script hätte.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Option wählen

    Ronny Riedel
    – Informationen zu den Bewertungsregeln

    Hi,

    soetwas in der Art?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"  
 "http://www.w3.org/TR/REC-html40/strict.dtd">  
<html>  
   <head>  
      <title>Options</title>  
      <script type="text/javascript">

    ~~~javascript function doMove(pE, pM) {
                var eleSlct = document.getElementById(pE);

    if (eleSlct.selectedIndex < 0)
                   return;

    switch (pM) {
                   case 0:
                      if (eleSlct.selectedIndex < (eleSlct.length - 1)) {
                         eleSlct.selectedIndex = eleSlct.selectedIndex + 1;
                      }
                      break;
                   case 1:
                      if (eleSlct.selectedIndex > 0) {
                         eleSlct.selectedIndex = eleSlct.selectedIndex - 1;
                      }
                      break;
                }
             }

          ~~~html
</script>  
   </head>  
   <body>  
      <h3>Options</h3>  
      <form action="javascript:void(0);">  
         <select size="10" id="idSlct">  
            <option value="a">Anton</option>  
            <option value="b">Berta</option>  
            <option value="c">Caesar</option>  
            <option value="d">Dora</option>  
            <option value="e">Emil</option>  
            <option value="f">Friedrich</option>  
         </select>  
         <input type="button" value="&darr;" onclick="doMove('idSlct', 0);">  
         <input type="button" value="&uarr;" onclick="doMove('idSlct', 1);">  
      </form>  
   </body>  
</html>

    Grüße
      RR

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Option wählen

      jus2
      – Informationen zu den Bewertungsregeln

      Ja, das ist super. Den rest bekomm ich hoffentlich alleine hin^^

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln