Christian Naggert: Pull-Down-Menu Vergleich

Ich möchte für einen Bekannten seine Ferienwohnungen im Internet präsentieren!
In einem Anfrage-Formular soll der Benutzer eine von 4 Wohnungen auswählen können,
die zum einen zu zweit, zum anderen zu viert gemietet werden können.
Die Wohnungen 1 + 2 sind für 2 die anderen für 4 Personen ausgelegt.
Wählt der Benutzer nun im ersten Drop-Down-Menu Wohnung 1 aus und
gibt im nächsten Drop-Down-Menu 4 Personen an, die in den Urlaub fahren wollen,
soll ein Alert-Fenster erscheinen, welches den Benutzer darauf hinweist,
daß die Wohnung 1 nur für 2 Personen ausgelegt ist. Danach soll der Cursor zur
ersten Auswahl (Welche Wohnung ?) springen, so daß eine neu Auswahl
getroffen werden kann!

Code für Auswahl 1 : Wohnung

<select name="Wohnung" size="1">
<option selected>1 </option>
<option>2 </option>
<option>3 </option>
<option>4 </option>
<option>5 </option>
</select>

Code für Auswahl 2 : Personenanzahl

<select name="Personenanzahl" size="1">
<option selected>1 </option>
<option>2 </option>
<option>3 </option>
<option>4 </option>
</select>

Code für Formular (Anfang) : chkFormular() -> Javascript - Aufruf

<form name="Anfrage" method="POST" onsubmit="return chkFormular()"
action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" startspan u-file="_private/form_results.txt"
s-format="TEXT/CSV" s-label-fields="TRUE"
s-email-address="cnaggert@uni-bielefeld.de"
s-email-format="TEXT/PRE" --><!--webbot bot="SaveResults" endspan -->

  1. Hallo Christian,

    Die Wohnungen 1 + 2 sind für 2 die anderen für 4 Personen ausgelegt.
    Wählt der Benutzer nun im ersten Drop-Down-Menu Wohnung 1 aus und gibt im nächsten Drop-Down-Menu 4 Personen an, die in den Urlaub fahren wollen,

    soll ein Alert-Fenster erscheinen, welches den Benutzer darauf hinweist, daß die Wohnung 1 nur für 2 Personen ausgelegt ist.

    function chkFormular()
    {
    if(document.Formularname.Wohnung.options[0].selected==true || document.Formularname.Wohnung.options[0].selected==true)
        if(document.Formularname.Personenanzahl.options[2].selected==true || document.Formularname.Personenanzahl.options[3].selected==true)
            {
             alert("Wohnung zu klein fuer Anzahl Personen");
             document.Formularname.Wohnung.focus();    
             return false;
            }
         else return true;
      else return true;
    }

    Kann sein, dass da noch was schief ist, probier's einfach mal. 'Formularname' durch das ersetzen, was bei Dir in <form name=> definiert ist!

    Viele Gruesse
      Stefan Muenz