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, 1068 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 ..
Ähnliche Inhalte
JavaScript
gelöst HTML-Javascript - Auslesen von Formularfeldern (1)

Frage von internet2107 zum Thema JavaScript ...

HTML
HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

HTML
HTML Programmierung (5)

Frage von Alex29 zum Thema HTML ...

JavaScript
Javascript rechnen mir sehr sehr großen Zahlen (3)

Frage von it4baer zum Thema JavaScript ...

Heiß diskutierte Inhalte
Router & Routing
Tipps für Router (ca. 100 clients, VPN) (18)

Frage von oel-auge zum Thema Router & Routing ...

TK-Netze & Geräte
gelöst Convert von TAPI auf CAPI gesucht (13)

Frage von StefanKittel zum Thema TK-Netze & Geräte ...