Wertübergabe mittels form

Gaal · 17. Dezember 2015

Hallo,

wollte fragen, ob mir wer weiterhelfen kann, da ich es nicht schaffe den wert einer variable mittels form an eine andere seite weiterzugeben.

genauergesagt geht es um die auswahl der unterkategorie (Modell)

Vielen Dank im Voraus!!

HTML

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"> 
<!-- 
function update_auswahl() 
{ 
var kategorieAuswahl = document.forms.verzeichnis.kategorie; 
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie; 




unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren 
if (kategorieAuswahl.options 
[kategorieAuswahl.selectedIndex]. 
value == "Apple") 
{ 
unterkategorieAuswahl.options[0] = new Option("-Modell auswählen-"); 
unterkategorieAuswahl.options[1] = new Option("Iphone 4"); 
unterkategorieAuswahl.options[2] = new Option("Iphone 5"); 




} 
else if (kategorieAuswahl.options 
[kategorieAuswahl.selectedIndex]. 
value == "Samsung") 
{ 
unterkategorieAuswahl.options[0] = new Option("-Modell auswählen-"); 
unterkategorieAuswahl.options[1] = new Option("S3"); 
unterkategorieAuswahl.options[2] = new Option("S4"); 




} 
} 




function outline(id) 
{ 
var img = id + '_img'; 
var bagchi = document.forms.verzeichnis.kategorie; 
if(document.getElementById(id).style.display == 'none') 
{ 
document.getElementById(id).style.display = 'block'; 
} 
if(bagchi.options 
[bagchi.selectedIndex]. 
value == "stinker") 
{ 
document.getElementById(id).style.display = 'none'; 
} 
} 
--> 
</script> 
</head> 
<body bgcolor="#d2d2d2" text="#000000"> 
<center> 
<h1>Herzlich Willkommen! Welches Gerät möchten Sie reparieren lassen?</h1> 
<form action="?page_id=466" method="post" id="form_2" name="verzeichnis" enctype="multipart/form-data"> 
<select size="1" name="kategorie" onchange="update_auswahl(); outline('test'); return false;" class="icon-menu"> 
<option value="stinker" selected>-Gerät auswählen-</option> 
<option value="Apple">Apple</option> 
<option value="Samsung">Samsung</option> </select> 
<br> 
<select size="1" id="test" style="display:none" name="unterkategorie" onchange="this.form.submit()"> 
<option selected></option> 
<option></option> 
<option></option> 
</select> 
<br> 
</form> 
</center> 
</body> 
</html>

Alles anzeigen

bastiisi · 19. Dezember 2015

Hallo,

ach das liebe JavaScript und die nie funktionierenden Sachen, wenn es mehr als 10 Zeilen sind...

Pack einfach die vier Auswahlpunkte (iPhone 4,5 und S3/s4) in eine gemeinsame Liste und du bist das JavaScript los (spart Zeit und Nerven).

Wenn du es unbedingt so machen willst, lass deinen Code mal mit Javascript validiatoren überprüfen und checke die Konsole des Browsers. Ich sehe das so direkt keine Fehler...

Viele Grüße

Sebastian

Edit: hab das gerade mal mit einem validiator überprüft, anscheinend muss die If-abfrage komplett in einer Zeile stehen (Zeile 12,21 und 40). Probiers mal aus

Basi · 19. Dezember 2015

Dein Fehler sind die fehlenden value Attribute. Ein Option Feld braucht ein value Attribut, deine option Elemente haben keines:

HTML: 60

<option selected></option> 
<option></option> 
<option></option>

Das ist leicht gelöst, einfach beim Erstellen der Option ein zweites Attribut mit dem gewünschten Value Wert übergeben:

JavaScript: 24

{
    unterkategorieAuswahl.options[0] = new Option("-Modell auswählen-");
    unterkategorieAuswahl.options[1] = new Option("S3", "S3");
    unterkategorieAuswahl.options[2] = new Option("S4", "S4");
}

Dementsprechend auch für die Apple Auswahlfelder anwenden.

Wertübergabe mittels form

Jetzt mitmachen!

Teilen