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

Frage von internet2107 zum Thema JavaScript ...

Webentwicklung
HTML 5 Sterne Bewertung buggt (3)

Frage von Yanmai zum Thema Webentwicklung ...

Visual Studio
gelöst C-Sharp WPF XAML CheckBox.IsEnabled wenn ListViewItem.Select (3)

Frage von mayho33 zum Thema Visual Studio ...

Heiß diskutierte Inhalte
DSL, VDSL
gelöst DSL 200m verlängern (15)

Frage von Angela44 zum Thema DSL, VDSL ...

LAN, WAN, Wireless
Per Script auf UniFi-controller zugreifen und WPA2-Key ändern (11)

Frage von Winfried-HH zum Thema LAN, WAN, Wireless ...

Windows Server
SBS 2011 Standard virtualisieren (11)

Frage von HeinrichM zum Thema Windows Server ...

Exchange Server
gelöst DHCP Sever MS Server 2012 Problem (10)

Frage von Florian86 zum Thema Exchange Server ...