HTML Javascript doppel select an href
Hallo ihr netten Menschen,
websprachen sind überhaupt nichts für mich und bevor meine Bauchschmerzen noch schlimmer werden, frage ich liebe mal nett hier nach.
Ich benötige nur ein kleines Javascript welches folgendes bewerkstelligt:
es müssen 2 variablen ausgewählt werden, die erste ist auch der erste Teil von der URL, welche aufgerufen werden soll www.blubb.de/$track
sieht ungefähr so aus:
die 2. variable kommt im anschluss getrennt durch #, also: www.blubb.de/$track#$car
dazu fehlt mir der passende javascript teil, beispiele habe ich mir angesehen, nur ist java absolut gegen mich...
onchange href www.blubb.de/$track#$car -> das ist das Ziel.
Wenn mir jemand behilflich sein könnte fände ich dies echt schön, danke im Vorraus!
Gruß Dave
websprachen sind überhaupt nichts für mich und bevor meine Bauchschmerzen noch schlimmer werden, frage ich liebe mal nett hier nach.
Ich benötige nur ein kleines Javascript welches folgendes bewerkstelligt:
es müssen 2 variablen ausgewählt werden, die erste ist auch der erste Teil von der URL, welche aufgerufen werden soll www.blubb.de/$track
sieht ungefähr so aus:
<select size="1" name="track" id="track" onchange="trackChanged(this);">
<option value="track_circuit0">Strecke0</option>
<option value="track_circuit1">Strecke1</option>
<option value="track_circuit2">Strecke2</option>
<option value="track_circuit3">Strecke3</option>
<option .......
</select>
die 2. variable kommt im anschluss getrennt durch #, also: www.blubb.de/$track#$car
<select size="1" name="car" id="car" onchange="carChanged(this);">
<option value="car_circuit0">Auto0</option>
<option value="car_circuit1">Auto1</option>
<option value="car_circuit2">Auto2</option>
<option value="car_circuit3">Auto3</option>
<option .......
</select>
dazu fehlt mir der passende javascript teil, beispiele habe ich mir angesehen, nur ist java absolut gegen mich...
onchange href www.blubb.de/$track#$car -> das ist das Ziel.
Wenn mir jemand behilflich sein könnte fände ich dies echt schön, danke im Vorraus!
Gruß Dave
Please also mark the comments that contributed to the solution of the article
Content-Key: 264402
Url: https://administrator.de/contentid/264402
Printed on: April 26, 2024 at 22:04 o'clock
2 Comments
Latest comment
Hallo Dave,
hier ein Beispiel:
Grüße Uwe
hier ein Beispiel:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<script type="text/javascript">
function generateLink(){
// Fester Teil der Domain
var domain = 'http://www.blubb.de/';
// Elemente refernzieren
var elTrack = document.getElementById("track");
var elCar = document.getElementById("car");
// Ausgewählte Werte speichern
var valueTrack = elTrack.options[elTrack.selectedIndex].value;
var valueCar = elCar.options[elCar.selectedIndex].value;
// URL zusammensetzen
var url = domain + valueTrack + "#" + valueCar;
alert("Folgende URL wird nun aufgerufen: '" + url + "'");
window.location = url;
}
</script>
<body>
<select size="1" name="track" id="track">
<option value="track_circuit0">Strecke0</option>
<option value="track_circuit1">Strecke1</option>
<option value="track_circuit2">Strecke2</option>
<option value="track_circuit3">Strecke3</option>
</select>
<select size="1" name="car" id="car">
<option value="car_circuit0">Auto0</option>
<option value="car_circuit1">Auto1</option>
<option value="car_circuit2">Auto2</option>
<option value="car_circuit3">Auto3</option>
</select>
<input type="button" value="Generieren" id="btnGenerate" onClick="generateLink()" />
</body>
</html>