Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

**freakyBOi** · 20-11-2010, 19:57

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.

**miniA4kuser** · 20-11-2010, 20:34

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.

**freakyBOi** · 21-11-2010, 10:30

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?

**Junkee[]** · 21-11-2010, 12:50

readonly="readonly"

**miniA4kuser** · 21-11-2010, 15:28

Bzw. nur readonly, je nach verwendetem DOCTYPE, siehe Selfhtml...input nurlesen

Thema: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

LinkBack

Themen-Optionen

Anzeige

Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

AW: Auswahlmöglichkeiten eines Dropdownmenues dynamisch anpassen

Ähnliche Themen

mehrere DIVS dynamisch anordnen (an Browser anpassen)

div-Element bei Änderung der Fenstergröße dynamisch anpassen

iframe dynamisch höhe anpassen

Grafik dynamisch anpassen

Fenstergrösse dynamisch nach Inhalt anpassen!?

Lesezeichen

Lesezeichen

Berechtigungen

Swiper Slide Activ ID auslesen

Swiper Slide Activ ID auslesen

Swiper Slide Activ ID auslesen