✔ Select Box erstellen

[stikmata]

Hallo ich bin schon eine zeit am verweifeln. Ich versuche, wenn in einer Select Box ein bestimmter wert ausgewählt ist, darunter eine Text erscheint mit einer Select Box daneben.

Es soll also am ende so aussehen:

    <p>
     Vorversicherung: 
    <select name="hunde_vorver" id="hunde_vorver">
    <option value=""<?php if($_POST['hunde_vorver'] == ""){echo "selected=" . "selected";}?>>Bitte Wählen</option>
    <option value="Ja ohne"<?php if($_POST['hunde_vorver'] == "Ja ohne"){echo "selected=" . "selected";}?>>Ja ohne Leistungsupdate</option>
    <option value="Ja mit"<?php if($_POST['hunde_vorver'] == "Ja mit"){echo "selected=" . "selected";}?>>ja mit Leistungsupdate</option>
    <option value="nein"<?php if($_POST['hunde_vorver'] == "nein"){echo "selected=" . "selected";}?>>Nein</option>
    </select>
    </p>

<!-- Das soll dann erscheinen wenn Ja ohne oder Ja mit gewählt wurde -->
    <p>
    Wieviele Hunde sind Vorvserichert: 
    <select name="hunde_anzahl_vorver" id="hunde_anzahl_vorver">
    <option value=""<?php if($_POST['hunde_anzahl_vorver'] == ""){echo "selected=" . "selected";}?>>Bitte Wählen</option>
    <option value="1"<?php if($_POST['hunde_anzahl_vorver'] == "1"){echo "selected=" . "selected";}?>>1</option>
    <option value="2"<?php if($_POST['hunde_anzahl_vorver'] == "2"){echo "selected=" . "selected";}?>>2</option>
    <option value="3"<?php if($_POST['hunde_anzahl_vorver'] == "3"){echo "selected=" . "selected";}?>>3</option>
    <option value="4"<?php if($_POST['hunde_anzahl_vorver'] == "4"){echo "selected=" . "selected";}?>>4</option>
    </select>
    </p>

 

[ComFreek]

Hallo,

wo ist jetzt genau dein Problem?
Wenn du das (die 2. Selectbox) mit PHP ausgeben möchtest, bräuchtest du entweder ein Formular oder eben AJAX (JavaScript).

Denn wenn die Seite beim Browser angelangt ist, wird kein PHP-Code mehr ausgeführt! PHP wird serverseitig ausgeführt, wohingegen JavaScript clientseitig.

 

[stikmata]

Was der Unterschied zwischen php und JavaScript ist, ist mir klar. Jedoch weis ich leider nicht wie man das macht das durch JavaScript / Ajax die untere Select Box erscheint wenn selectindex 1 oder 2 ist.

 

[ComFreek]

Achso, ja das geht ganz einfach:

window.addEventListener("load", function()
{
  document.getElementById("hunde_vorher").addEventListener("change", function()
  {
    if ( this.selectedIndex==0 || this.selectedIndex==1 )
    {
       document.getElementById("hunde_anzahl_vorher").display = "inline";
    }
    else
    {
       document.getElementById("hunde_anzahl_vorher").display = "none";
    }
  });
});

Das musst du einfach in einen Skript-Block packen!

 

[stikmata]

Ich habe es mit

window.addEventListener('load', function()
{
  document.getElementById('hunde_vorver').addEventListener('change', function()
  {
    if ( this.selectedIndex==1 || this.selectedIndex==2 )
    {
       document.getElementById('hunde_anzahl_vorver').display = "inline";
    }
    else
    {
       document.getElementById('hunde_anzahl_vorver').display = "none";
    }
  });
});

versucht aber es passiert einfach nicht und es kommen aber auch keine fehler.

dann habe ich versucht es in onchange abfrage zu schreiben

onchange="if ( this.selectedIndex==1 || this.selectedIndex==2 )
    {
       document.getElementById('hunde_anzahl_vorver').display = 'inline';
    }
    else
    {
       document.getElementById('hunde_anzahl_vorver').display = 'none';
    }"

aber auch da kein fehler aber es passiert auch nichts -.-

 

[stikmata]

ok nun habe ich es xD

<select name="hunde_vorver" id="hunde_vorver" onchange="if ( this.selectedIndex==1 || this.selectedIndex==2 )
    {
       document.getElementById('hunde_anzahl_vorver').style.display = 'inline';
    }
    else
    {
       document.getElementById('hunde_anzahl_vorver').style.display = 'none';
    }" >

Danke für die hilfe