Ändern Sie die Auswahlfeldoptionen dynamisch basierend auf der vorherigen Optionsauswahl

Question

Sep 26, 2012, 05:48 PM

Ändern Sie die Auswahlfeldoptionen dynamisch basierend auf der vorherigen Optionsauswahl

Was ich versuche zu erreichen, ist das folgende… HTML

<!doctype html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <link href="css/jquery.selectbox.css" type="text/css" rel="stylesheet" />
</head>
<body>



    <select name="dateselector_parent" id="dateselector_parent" tabindex="1">
        <option value="">--Select Date--</option>
        <option value="1">2012</option>
        <option value="1">2011</option>
        <option value="1">2010</option>
        <option value="2">Predefined Dates</option>
    </select>

    <select name="dateselector_child" id="dateselector_child" tabindex="2">
        <option value="">--Select Date--</option>
        <option value="1">January</option>
        <option value="1">February</option>
        <option value="1">March</option>
        <option value="1">April</option>
        <option value="1">May</option>
        <option value="1">June</option>
        <option value="1">July</option>
        <option value="1">August</option>
        <option value="1">September</option>
        <option value="1">October</option>
        <option value="1">November</option>
        <option value="1">December</option>
        <option value="2">Current Month</option>
        <option value="2">Month to Date</option>
        <option value="2">Last 7 Days</option>
    </select>


    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.selectbox-0.2.js"></script>
    <script type="text/javascript" src="js/datejs.js"></script>
    <script type="text/javascript">
    $(function () {
        $("#dateselector_parent").selectbox();
        $("#dateselector_child").selectbox();
    });


    </script>
</body>

Dadurch werden zwei Auswahlfelder erstellt. In einem Feld soll der Inhalt entsprechend der Auswahl des Benutzers für das andere Feld angezeigt werden. Wenn der Benutzer beispielsweise 2010 oder 2011 oder 2012 auswählt, möchte ich Jan-Dez als Optionen für die zweite Option anzeigen. Wenn der Benutzer "Vordefinierte Daten" auswählt, möchte ich "Aktueller Monat", "Monat bis Datum" und "Letzte 7 Tage" anzeigen. Das von mir verwendete JavaScript-Plugin ermöglicht es dem Benutzer, die Methoden onChange, onOpen und onClose zu definieren. Ich habe einige Nachforschungen angestellt und es scheint, dass AJAX daran beteiligt ist, dies zu erreichen, aber da ich kein bisschen PHP kenne, würde ich gerne wissen, ob es möglich ist, dies mit jQuery zu erreichen. (Ich habe natürlich ohne Glück versucht, dieses Problem zu lösen. Ich suche niemanden, der es für mich tut. Ich möchte nur in die richtige Richtung weisen, ob ich dies mit jQuery bewerkstelligen kann oder ob es notwendig ist, es zu verwenden.) AJAX, da ich online kein Beispiel mit nur jQuery gesehen habe).

Jede Hilfe wird geschätzt