Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

HTML Javascript doppel select an href

Frage Entwicklung JavaScript

Mitglied: realdaveger

realdaveger (Level 1) - Jetzt verbinden

24.02.2015, aktualisiert 16:44 Uhr, 1005 Aufrufe, 2 Kommentare

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:

01.
	<select size="1" name="track" id="track" onchange="trackChanged(this);"> 
02.
		<option value="track_circuit0">Strecke0</option> 
03.
		<option value="track_circuit1">Strecke1</option> 
04.
		<option value="track_circuit2">Strecke2</option> 
05.
		<option value="track_circuit3">Strecke3</option> 
06.
                <option ....... 
07.
	</select>
die 2. variable kommt im anschluss getrennt durch #, also: www.blubb.de/$track#$car

01.
	<select size="1" name="car" id="car" onchange="carChanged(this);"> 
02.
		<option value="car_circuit0">Auto0</option> 
03.
		<option value="car_circuit1">Auto1</option> 
04.
		<option value="car_circuit2">Auto2</option> 
05.
		<option value="car_circuit3">Auto3</option> 
06.
                <option ....... 
07.
	</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
Mitglied: colinardo
LÖSUNG 24.02.2015, aktualisiert um 16:44 Uhr
Hallo Dave,
hier ein Beispiel:
01.
<!doctype html> 
02.
<html> 
03.
<head> 
04.
<meta charset="utf-8"> 
05.
<title>Demo</title> 
06.
</head> 
07.
<script type="text/javascript"> 
08.
function generateLink(){ 
09.
	// Fester Teil der Domain 
10.
	var domain = 'http://www.blubb.de/'; 
11.
	// Elemente refernzieren 
12.
	var elTrack = document.getElementById("track"); 
13.
	var elCar = document.getElementById("car"); 
14.
	// Ausgewählte Werte speichern 
15.
	var valueTrack = elTrack.options[elTrack.selectedIndex].value; 
16.
	var valueCar = elCar.options[elCar.selectedIndex].value; 
17.
	// URL zusammensetzen 
18.
	var url = domain + valueTrack + "#" + valueCar;  
19.
	alert("Folgende URL wird nun aufgerufen: '" + url + "'"); 
20.
	window.location = url; 
21.
22.
</script> 
23.
<body> 
24.
	<select size="1" name="track" id="track"> 
25.
		<option value="track_circuit0">Strecke0</option> 
26.
		<option value="track_circuit1">Strecke1</option> 
27.
		<option value="track_circuit2">Strecke2</option> 
28.
		<option value="track_circuit3">Strecke3</option> 
29.
	</select> 
30.
    <select size="1" name="car" id="car"> 
31.
		<option value="car_circuit0">Auto0</option> 
32.
		<option value="car_circuit1">Auto1</option> 
33.
		<option value="car_circuit2">Auto2</option> 
34.
		<option value="car_circuit3">Auto3</option> 
35.
	</select> 
36.
    <input type="button" value="Generieren" id="btnGenerate" onClick="generateLink()" /> 
37.
</body> 
38.
</html>
Grüße Uwe
Bitte warten ..
Mitglied: realdaveger
24.02.2015 um 16:44 Uhr
Perfekt danke!

so schön übersichtlich, aber hast du keine Syntax, dann hast du keine Syntax

Gruß Dave
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

(8)

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
JavaScript
gelöst HTML-Javascript - Auslesen von Formularfeldern (1)

Frage von internet2107 zum Thema JavaScript ...

Webentwicklung
gelöst HTML Output in eine txt Datei mit VisualBasicScript (2)

Frage von coca22COCA zum Thema Webentwicklung ...

JavaScript
gelöst Range (Slider) Javascript mit Plus-Minus Buttons (3)

Frage von internet2107 zum Thema JavaScript ...

PHP
gelöst HTML Dropdownmenü auslesen und in PHP als Variable übergeben (35)

Frage von ITFlori zum Thema PHP ...

Heiß diskutierte Inhalte
Microsoft
Ordner mit LW-Buchstaben versehen und benennen (21)

Frage von Xaero1982 zum Thema Microsoft ...

Netzwerkmanagement
gelöst Anregungen, kleiner Betrieb, IT-Umgebung (18)

Frage von Unwichtig zum Thema Netzwerkmanagement ...

Windows Update
Treiberinstallation durch Windows Update läßt sich nicht verhindern (15)

Frage von liquidbase zum Thema Windows Update ...

DSL, VDSL
Problem mit variernder Internetgeschwindigkeit (12)

Frage von schaurian zum Thema DSL, VDSL ...