Java-Script-Frage

Java-Script-Frage (4 Beiträge, 135 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Hallo,

ich habe eine Seite mit einer Drop-Down-Box, und wenn man in der was anwählt, wir ein entsrechender Link geöffnet.

Das ist zur Zeit so implementiert.

      <form NAME="which_region1">
    		<select name="Bundesland" size="1" onchange="return goToBundesland1(document.which_region1)">
          <option value="Bundesland :">Bundesland:</option>
        <option value="Link1">Bgld</option>
        <option value="Link2">Ktn</option>
         ......
        </select>
     </form>

das Script ist wie folgt definiert:

function goToBundesland1() {
    thiselement=document.which_region1.elements[0];
    page_filename=thiselement.options[thiselement.selectedIndex].value;
    target_url="/"+page_filename;
    if (page_filename.indexOf("http://")==0)
    {
      window.open(page_filename, "_blank");
    }
    else
    {
      window.open(target_url, "_blank");
    }
    return false;
}

Das Problem ist nun, dass in der Function das Element hardcodiert ist.
Auf Seiten, wo ich meherer solcher Drop-Downlisten habe, habe ich entsprechend für jede eine eigene Funktion, was nun nicht umbedingt optimal ist.

Nun würde ich das gerne so abändern, dass ich das Element, in dem der Wert geändert wird, der Function als Parameter übergebe. Nur wie mache ich das?

function goToBundesland (which_box) {
    thiselement=which_box.elements[0];
    .....
}

....

      <form NAME="which_region1">
    		<select name="Bundesland" size="1" onchange="return goToBundesland(document.which_region1)">
 .....

      <form NAME="which_region2">
    		<select name="Bundesland" size="1" onchange="return goToBundesland(document.which_region2)">

......
      <form NAME="which_region3">
    		<select name="Bundesland" size="1" onchange="return goToBundesland(document.which_region3)">
.....

das funktioniert leider nicht. Stehe jetzt irgendwie auf der Leitung

Danke

emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

$('select.mySelectBoxes').change(function() {
    // hier ist "this" dein element
});

Script-Code in HTML-Attributen ist zu meiden. Der gehört in einen Script-Block.

Hm, steh gerade auf der Leitung. Wie verwende ich das in meinem Form?
emefge
Infosauger
_____________________________________________________________________________

Weil die Lichtgeschwindigkeit höher als die Schallgeschwindigkeit ist, hält man viele Leute für helle Köpfe bis man sie reden hört.

"Bekomme ich bei Ihnen so einen ganz kleinen Lötkolben zum CPU reparieren?"

Wieso Realität? Ich hab doch verdammt noch mal was Besseres zu tun!

Im Body:

<form action="" method="get" class="bundeslandForm">
    <select name="bundesland" size="1">
        <option value="W">Wien</option>
        <option value="N">Niederösterreich</option>
        <option value="B">Burgenland</option>
    </select>
    <input type="submit" />    
<form>

Im Header:

&lt;script type="text/javascript">
    $(document).ready(function() {
        $('form.bundeslandForm select[name="bundesland"]').change(function () {
            var selected = $(this).val();
            var url = 'http://example.org/bundesland/' + selected;
            
            window.open(url);
        });
    });
&lt;/script>

(Script-Blöcke sind wegen einem Forum-Bug kaputt)

Demo:

http://jsfiddle.net/VhFq3/

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung