matthias: formular zurücksetzen

hallo,

in einem formular möchte ich über ein javascript das folgende
popup-menü wieder zurücksetzen können, so dass nach dem reset wieder
"- - - Tag - - -" als erster eintrag im feld steht.

<select name="an_tag" size="1">
  <option>- - - Tag - - -</option>
  <option value="1">01.</option>
  <option value="2">02.</option>
  <option value="3">03.</option>
  ...
</select>

für die anderen elemente im formular habe ich die befehle hinbekommen,
nur für's popup steh' ich wohl ein wenig auf dem schlauch.

function loeschen() {
  document.anfrageformular.anrede.value = "";
  document.anfrageformular.vorname.value = "";
  ...
  document.anfrageformular.an(0).checked = false;
  document.anfrageformular.an(1).checked = false;
  ...
}

ich hoffe, den entscheidenden tipp hier und in selfhtml nicht
übersehen zu haben. für tipps bin ich sehr dankbar.

matthias

  1. hallo,

    <select name="an_tag" size="1">
      <option>- - - Tag - - -</option>
      <option value="1">01.</option>
      <option value="2">02.</option>
      <option value="3">03.</option>
      ...
    </select>

    function loeschen() {
      document.anfrageformular.anrede.value = "";
      document.anfrageformular.vorname.value = "";
      ...
      document.anfrageformular.an(0).checked = false;
      document.anfrageformular.an(1).checked = false;
      ...
    }

    Der Plan ist dann wohl ehr:
    document.anfrageformular.an_tag.selectedIndex = 0;
    Also das popup nicht über den Value ansprechen, sondern über den selectedIndex. Wobei der Erste gleich 0 ist und der zweite gleich1 usw. So sollte es klappen.
    Gruß Burkhard

    1. Der Plan ist dann wohl ehr:
      document.anfrageformular.an_tag.selectedIndex = 0;
      Also das popup nicht über den Value ansprechen, sondern über den selectedIndex. Wobei der Erste gleich 0 ist und der zweite gleich1 usw. So sollte es klappen.
      Gruß Burkhard

      der plan ging auf. danke!

      matthias

    2. Der Plan ist dann wohl ehr:
      document.anfrageformular.an_tag.selectedIndex = 0;
      Also das popup nicht über den Value ansprechen, sondern über den selectedIndex. Wobei der Erste gleich 0 ist und der zweite gleich1 usw. So sollte es klappen.
      Gruß Burkhard

      hallo nochmal,

      habe jetzt festgestellt, dass der plan leider nur im msie funktioniert,
      im ns werden die einfachen textfelder gelöscht, bei den options-, aus-
      wahl- und popup-feldern werden die ihnhalte jedoch nicht zurückgesetzt.

      ich hab' mal gelesen, dass der ns ein formular wie eine eigenes dokument
      behandelt und das der verweis auf diese formularfelder einen komplizierten
      aufbau haben. ich habe es nun mit verschiedenen varianten versucht, im
      ns bleiben die inhalte dieser felder jedoch immer stehen.

      kannst du mir hier auch noch weiterhelfen? danke!

      gruß
      matthias

      1. Der Plan ist dann wohl ehr:
        document.anfrageformular.an_tag.selectedIndex = 0;
        Also das popup nicht über den Value ansprechen, sondern über den selectedIndex. Wobei der Erste gleich 0 ist und der zweite gleich1 usw. So sollte es klappen.
        Gruß Burkhard

        Hallo,
        also:
        document.anfrageformular.an_tag.selectedIndex = 0;
            return false;
        das tuts in alles Browsern auf alles Plattformen.
        Ich buin sicher, denn ich habe das gerade noch versucht.
        Sonst schicke mir doch mal eine Adresse zum ansehen.
        Gruß

        1. hallo burkhard,

          danke für deine mühen, hier der code:

          -------------------------------------------------------------------
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <html>
          <head>
            <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
            <title></title>
            <script>
            <!--
              function loeschen() {
                document.anfrageformular.anrede.value = "";
                document.anfrageformular.vorname.value = "";

          document.anfrageformular.anfragetyp(0).checked = false;
                document.anfrageformular.anfragetyp(1).checked = false;
                document.anfrageformular.anfragetyp(2).checked = false;

          document.anfrageformular.an(0).checked = false;
                document.anfrageformular.an(1).checked = false;
                document.anfrageformular.an(2).checked = false;

          document.anfrageformular.an_tag.selectedIndex = 0;
                document.anfrageformular.an_monat.selectedIndex = 0;
                document.anfrageformular.an_jahr.selectedIndex = 0;

          //return false;
              }
            // -->
            </script>
          </head>

          <body bgcolor="#ffffcc">
            <form name="anfrageformular" action="http://.../cgi-bin/formmail.cgi" method="post">
              <table border="0" cellpadding="4" cellspacing="0" width="379">
                <tr>
                  <td><input type="text" name="anrede" size="40">name</td>
                </tr>
                <tr>
                  <td><input type="text" name="vorname" size="40">vorname</td>
                </tr>
                <tr>
                  <td><font face="Verdana" size="1"><input type="checkbox" value="zimmer" name="anfragetyp">Zimmer buchen<br>
                    <input type="checkbox" value="anfrage" name="anfragetyp">Anfrage<br>
                    <input type="checkbox" value="prospekt" name="anfragetyp">Prospekt anfordern</font>
                  </td>
                </tr>
                <tr>
                  <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="86">
                      <tr>
                        <td align="center" valign="top"><font face="Verdana" size="1">Mo</font></td>
                        <td align="center" valign="top"><font face="Verdana" size="1">Di</font></td>
                        <td align="center" valign="top"><font face="Verdana" size="1">Mi</font></td>
                      </tr>
                      <tr>
                        <td align="center" valign="top"><input type="radio" name="an" value="Montag"></td>
                        <td align="center" valign="top"><input type="radio" name="an" value="Dienstag"></td>
                        <td align="center" valign="top"><input type="radio" name="an" value="Mittwoch"></td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="279">
                      <tr>
                        <td valign="middle" align="left" width="89"><select name="an_tag" size="1">
                            <option>- - - Tag - - -</option>
                            <option value="1">01.</option>
                            <option value="2">02.</option>
                          </select></td>
                        <td valign="middle" align="left" width="100">
                          <select name="an_monat" size="1">
                            <option>- - - Monat - - -</option>
                            <option value="1">Januar</option>
                            <option value="2">Februar</option>
                          </select></td>
                        <td valign="middle" align="left" width="90">
                          <select name="an_jahr" size="1">
                            <option>- - - Jahr - - -</option>
                            <option value="1">2001</option>
                            <option value="2">2002</option>
                          </select></td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td><a href="javascript:loeschen()"><img src="loeschen.gif" width="150" height="30" border="0"></a></td>
                </tr>
              </table>
            </form>
          </body>
          </html>
          -----------------------------------------------

          gruß
          matthias

          1. so denn matthias,
            jetzt weiß ich was Du meinst.
            Hier Die Funktion:

            <script>
              <!--
                function loeschen() {
                 document.anfrageformular.reset();

            }

            // -->
              </script>
            und alles ist wieder auf null gesetzt(auch in NS)
            Gruß Burkhard

            1. hallo burkhard,

              na, so kann's ja jeder ;-).

              ich will allerdings gezielt z.b. nur die buchungsdaten löschen können,
              damit die schon eingegebenen kontaktdaten nicht nicht nochmal getippt
              werden müssen.

              woran liegt's, dass mein ansatz im ns nicht geht?

              gruß
              matthias

              1. hallo burkhard,

                na, so kann's ja jeder ;-).

                ich will allerdings gezielt z.b. nur die buchungsdaten löschen können,
                damit die schon eingegebenen kontaktdaten nicht nicht nochmal getippt
                werden müssen.

                woran liegt's, dass mein ansatz im ns nicht geht?

                gruß
                matthias

                OK. Ich hoffe ich habe das jetzt richtig verstanden:
                also hier dann mal getrennt:
                <script>
                  <!--
                    function loeschen() {
                      document.anfrageformular.anrede.value = " ";
                      document.anfrageformular.vorname.value = " ";
                    }
                function menuloeschen(){
                  document.anfrageformular.an_tag.selectedIndex = 0;
                      document.anfrageformular.an_monat.selectedIndex = 0;
                      document.anfrageformular.an_jahr.selectedIndex = 0;
                }
                  // -->
                  </script>
                ...
                ...
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><a href="javascript:menuloeschen();">löschen der selects</a></td>
                            <td><a href="javascript:loeschen();">löscht die Anrede</a></td>
                          </tr>
                          <tr>
                            <td> </td>
                            <td> </td>
                          </tr>
                        </table>
                sach bescheid ob ich das jetzt richtig verstanden habe!!
                Gruß Burkhard