Ergebnis 1 bis 5 von 5
  1. #1
    freakyBOi ist offline Jungspund
    registriert
    20-11-2010
    Beiträge
    10

    Question Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

    Guten Tag,

    ich entwickle zur Zeit ein Planungstool für Studenten, dort sollen die Studenten die Möglichkeit haben das Anfangs- und das Enddatum für ihre Planung festzulegen. Die Benutzer des Tools sollen aber nur die Möglichkeit haben ein Datum, das innerhalb des aktuellen Semesters liegt zu wählen.

    Folgender Funktion hat mir schon weitergeholfen, das nur gültige Daten ausgewählt werden können:
    Code:
    function TageBestimmen()
    {
        var Tag = document.getElementById("Tag").value;
        var Monat = document.getElementById("Monat").value;
        var Jahr = document.getElementById("Jahr").value;
    
        var TageImFebruar = 28;
    
        if((Jahr%4 == 0 && Jahr%100 !=0) || Jahr%400 == 0)
        {
            var TageImFebruar = 29;
        }
    
        var Tage = new Array(31, TageImFebruar, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
    
        document.getElementById("Tag").options.length = Tage[Monat-1];
    
        for(i = 0; i < Tage[Monat-1]; i++)
        {
            document.getElementById("Tag").options[i].innerHTML = i+1;
            document.getElementById("Tag").options[i].value = i+1;
        }
    }
    Für das aktuelle Wintersemester würde folgendes Formular angezeigt werden:

    HTML-Code:
    <title>DropDown-Menü zur Auswahl eines Datums</title>
    </head>
    <body>
    
    <select name="Tag" id="Tag" onchange="TageBestimmen();">
    <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>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select>
    
    <select name="Monat" id="Monat" onchange="TageBestimmen();">
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">Oktober</option>
    <option value="11">November</option>
    <option value="12">Dezember</option>
    <option value="1">Januar</option>
    <option value="2">Februar</option>
    </select>
    
    <select name="Jahr" id="Jahr" onchange="TageBestimmen();">
    <option value="2010">2010</option>
    <option value="2011">2011</option>
    
    </select>
    Kann mir einer helfen, was ich für eine JavaScript-Funktion schreiben muss, damit wenn einer der Monate August bis Dezember ausgewählt wurde, nur das Jahr 2010 als Auswahl beim Dropdown zur Verfügung steht und wenn ich Januar oder Februar ausgewählt habe, soll mir nur die Möglichkeit bleiben 2011 auszuwählen.

    Also folgende Funktion brauche ich quasi:

    if(document.jahr hat zwei Auswahlmöglichkeiten (im Sommersemester hab ich nur eine Auswahlmöglichkeit, da habe ich dieses Problem nicht...)){
    dann soll bei der Auswahl von document.monat=8;
    document.monat=9;
    ...
    document.monat=12;

    bei document.jahr nur die kleinere Zahl zur Auswahl stehen

    und bei der Auswahl von document.monat=1; oder document.monat=2;
    soll bei document.jahr nur die größere Zahl auswählbar sein}



    Ich hoffe irgendjemand kapiert, was ich zu erklären versuche...

    Vielen Dank schon mal, falls mir jemand weiterhelfen kann.

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

    Warum erstellst du ein Auswahlmöglichkeit für das Jahr, wenn laut deiner nachfolgenden Beschreibung der Student dieses, je nach gewähltem Monat, nicht mehr auswählen darf?
    Mehr Sinn würde dann machen wenn du einfach ein Ausgabefeld (nur lesen, nicht veränderbar) erstellst, wo du das gerade passende Jahr ausgibst.
    Hoffe ich konnte helfen

  3. #3
    freakyBOi ist offline Jungspund
    registriert
    20-11-2010
    Beiträge
    10

    AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

    Ja stimmt, das wäre natürlich logischer, aber wie kann ich sowas realisieren?

    gibt es für so was einen bestimmten <input type=""> , bei dem ich per javascript dynamisch den value verändern kann oder was wäre da die eleganteste variante?

  4. #4
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

    readonly="readonly"

  5. #5
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

    Bzw. nur readonly, je nach verwendetem DOCTYPE, siehe Selfhtml...input nurlesen
    Hoffe ich konnte helfen

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 07-09-2009, 16:10
  2. Antworten: 2
    Letzter Beitrag: 29-08-2007, 12:40
  3. iframe dynamisch höhe anpassen
    Von LiThiUm-FX im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 20-05-2006, 20:13
  4. Grafik dynamisch anpassen
    Von gerix im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 25-09-2005, 11:25
  5. Fenstergrösse dynamisch nach Inhalt anpassen!?
    Von mvarga im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 23-06-2004, 14:30

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •