Hogyan hozzunk létre egy legördülő menüt, amely átirányítja a Java új oldalát

Hogyan kapcsolódik hozzá a JavaScript a trükk

A kezdő weboldal tervezők gyakran szeretnék tudni, hogyan hozzon létre egy legördülő menüt, így amikor a navigátorok kiválasztják az egyik lehetőséget, automatikusan átirányítják az adott oldalra. Ez a feladat nem olyan trükkös, mint amilyennek látszik. Annak érdekében, hogy a legördülő menüt hozzon létre egy új weboldalra való átirányításra, ha kiválasztottad, hozzá kell adnia néhány egyszerű JavaScriptet az űrlaphoz.

Elkezdeni

Először be kell állítania a címkéket, hogy az URL- t az értékként tartalmazza, hogy az űrlap tudja, hová kell elküldenie az ügyfelet. Lásd az alábbi példát:

Web Design Front Page Kezdő HTML

Miután beállította ezeket a címkéket, hozzá kell adnia egy "onchange" attribútumot a címkéhez, hogy elmondja a böngészőnek, mit kell tennie az opciók listájának megváltoztatásakor. Egyszerűen tedd a JavaScript-t egy sorba, amit az alábbi példa mutatja:

onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex] .value">

Hasznos tanácsok

Most, hogy a címkék be vannak állítva, ne felejtse el ellenőrizni, hogy a kiválasztott címke "URL-cím" -nek van-e jelölve. Ha nem így van, változtassa meg a fenti JavaScript-t, ahol valaha azt mondja "URL", hogy elolvassa a kiválasztott címke nevét. Ha részletesebb példát szeretne látni, ezt az űrlapot online akcióban láthatja. Ha további útmutatásra van szüksége, akkor megtekintheti egy rövid bemutatót is, amely bemutatja ezt a szkriptet, és további lépéseket a JavaScript használatával.