• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] select box mit Javascript auslesen und mit Button auf eine andere Website verweisen

Samofan

New member
Hallo liebes Forum,

ich bin schon seit einiger Zeit auf der Suche nach der Lösung meines Problems... allerdings habe ich noch nicht wirklich etwas brauchbares gefunden, weil ich sehr wenig Kenntnisse über Javascript habe. Außerdem bin ich mir gar nicht sicher ob es wirklich die beste Methode ist mein Vorhaben mit Javascript durchzuführen. Ich hoffe hier kann mir jemand weiterhelfen.

Mein Problem ist: Ich habe eine Select Box, in der man 3 Verschiedene Optionen hat. Man soll eine Option auswählen und mit dem Button daneben soll dann auf die entsprechende Website verwiesen werden. Als Beispiel habe ich jetzt hier jswelt.de, Facebook und Google aufgeführt. Diese sollen dann per Knopfdruck aufgerufen werden.

HTML:
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <title>JS ordnen</title>
    
	<style>

    </style>
    
	<script>


    </script>

</head>

<body>

    <table>

        <tr>

            <th>

                
                    <select>
                        <option value="1">jswelt</option>
                        <option value="2">Facebook</option>
                        <option value="3">Google</option>
                    </select>
                

            </th>
            <th>

                <button onclick="myFunction()">Filter</button>

            </th>
        </tr>

    </table>

	
    

</body>
</html>

Ich hoffe, dass ich hier jetzt nichts falsches gemacht habe, weil es mein erster Eintrag ist und bedanke mich jetzt schonmal für die Hilfe!
 
Willkommen Samofan!
Schau mal, ob dir das gefällt.
HTML:
<!DOCTYPE html>
<html>
	<head>
		<title>Test Samofan</title>
		<meta charset="utf-8">
		<style>
			select{
				cursor:pointer;
			}
		</style>
	</head>
	<body>
		<div>
			<select onchange="window.open(this.value);">
				<option>Bitte wählen</option>
				<option value="http://forum.jswelt.de">jswelt</option>
				<option value="https://www.facebook.com">Facebook</option>
				<option value="https://www.google.de">Google</option>
			</select>
		</div>
	</body>
</html>
 
Zurück
Oben