WinFuture-Forum.de: Lapidare Html-frage - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Lapidare Html-frage Nach Dropdown-Auswahl URL mit Options-Wert aufrufen


#1 Mitglied ist offline   Svenkan 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 26. November 06
  • Reputation: 0

geschrieben 06. April 2007 - 13:27

Mit PHP hätt ich kein Problem dies zu gestalten, doch wie bekomm ich das mit stinknormalem HTML hin? ^^
Das Select-Feld hat den Namen 'klasse', die Optionen halt als Wert die Klassennamen.
Nun möchte ich nach Klick auf 'Abrufen' die Adresse http://splan.gymcom.de/KLASSE.htm aufrufen lassen.
Doch..wie? ^^
0

Anzeige



#2 Mitglied ist offline   tobiasndw 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.815
  • Beigetreten: 24. September 03
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 06. April 2007 - 14:00

mit Javascript. Schreibe das in das Selectfeld.

onchange="document.href='http://splan.gymcom.de/'.this.value.'.htm'"

Um du Funktion auf einen Button zu legen musst du das "this" durch ein "GetElementByID('id_der_select').value" ersetzen.
0

#3 Mitglied ist offline   Svenkan 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 26. November 06
  • Reputation: 0

geschrieben 06. April 2007 - 14:18

Ich habe die onchange-Variante gewählt. Allerdings zeigt er mir dann an, dass er noch einen Bezeichner erwartet.

<select name="klasse" onchange="document.href='http://splan.gymcom.de/'.this.value.'.htm'">
<option value="5fa">5fa</option>
<option value="5fb">5fb</option>
<option value="5fl">5fl</option>
<option value="5la">5la</option>
<option value="5lb">5lb</option>
<option value="5lc">5lc</option>
<option value="6fa">6fa</option>
<option value="6fb">6fb</option>
<option value="6la">6la</option>
<option value="6lb">6lb</option>
<option value="7fa">7fa</option>
<option value="7fb">7fb</option>
<option value="7fl">7fl</option>
<option value="7la">7la</option>
<option value="7lb">7lb</option>
<option value="8fa">8fa</option>
<option value="8fb">8fb</option>
<option value="8la">8la</option>
<option value="8lb">8lb</option>
<option value="8lc">8lc</option>
<option value="9a">9a</option>
<option value="9f">9f</option>
<option value="9la">9la</option>
<option value="9lb">9lb</option>
<option value="10a">10a</option>
<option value="10b">10b</option>
<option value="10c">10c</option>
<option value="10f">10f</option>
<option value="11a">11a</option>
<option value="11b">11b</option>
<option value="11c">11c</option>
<option value="11d">11d</option>
<option value="11e">11e</option>
<option value="12">12</option>
<option value="13">13</option>
   </select>

Dieser Beitrag wurde von Svenkan bearbeitet: 06. April 2007 - 14:21

0

#4 Mitglied ist offline   tobiasndw 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.815
  • Beigetreten: 24. September 03
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 06. April 2007 - 14:21

Mein Fehler

location.href NICHT document.href
0

#5 Mitglied ist offline   Svenkan 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 26. November 06
  • Reputation: 0

geschrieben 06. April 2007 - 14:30

Mhm..
Wie binde ich das denn über den Button ein?
Ich habe das jetzt so gemacht:
<form method="POST" target="location='http://splan.gymcom.de/'.GetElementByID('klasse').value.'.htm'">
			<p><select name="klasse">
....
   </select><input type="submit" value="Abrufen"></p>
		</form>


Doch irgendwie funzt das so gar nicht...
0

#6 Mitglied ist offline   tobiasndw 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.815
  • Beigetreten: 24. September 03
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 06. April 2007 - 14:33

document.getElementById('klasse')

und in der select muss auch id="klasse" drin stehen.
0

#7 Mitglied ist offline   Svenkan 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 26. November 06
  • Reputation: 0

geschrieben 06. April 2007 - 14:42

Mhm..^^
Also ich weiß nicht, ob ich zu blöd für HTML bin (^^) oder ob..ka was.
Er öffnet nicht die Datei, stattdessen erscheint in der Adressleiste: http://splan.gymcom.de/?klasse=11d
Und auch mit target='self' drin öffnet er zuerst immer n neues Tab. ;)

		<form method="POST" target="location='http://splan.gymcom.de/'.document.getElementById('klasse').value.'.htm'; target='self'">
			<p><select name="klasse" id="klasse">
...
   </select>  <input type="submit" value="Abrufen"></p>
		</form>

Dieser Beitrag wurde von Svenkan bearbeitet: 06. April 2007 - 14:52

0

#8 _PelzigesWaldtier_

  • Gruppe: Gäste

geschrieben 06. April 2007 - 15:26

Also, zuersteinmal machen wir uns ne schöne Form.

<form name="meineform">
...
</form>


Und das mit dem Button geht so. Und Strings werden in JS nicht mit einem Punkt wie in PHP sondern mit einem Plus verknüpft.

<input type="button" value="go" onclick="location.href='http://splan.gymcom.de/'+ document.meineform.klasse.value +'.htm'" />


Grüße
PelzigesWaldtier

Dieser Beitrag wurde von PelzigesWaldtier bearbeitet: 06. April 2007 - 15:28

0

#9 Mitglied ist offline   Svenkan 

  • Gruppe: aktive Mitglieder
  • Beiträge: 32
  • Beigetreten: 26. November 06
  • Reputation: 0

geschrieben 06. April 2007 - 16:56

Das wars!
Herzlichen Dank! ;)
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0