[HTML] Code erweitern [Listenfeld verschwinden lassen pder ID]

[Todesengel_7]

Hallo alle

Ich habe ein verkettetes Listenfeld, wenn man etwas bestimmtes auswählt erscheint ein neues Listenfeld und wenn etwas anderes ausgewählt wird dann verschwindet das erschienen Listenfeld wieder.
Dann habe ich noch das bei einer bestimmten Auswahl ein Popup erscheint mit einem Hinweistext und Weiterleitung zu einem Link.

Mein Problem liegt nun darin den Code so zu Erweitern das Listenfeld verschwindet und der Popup erscheint :x

Hier der momentane Code des Listenfeldes:

 Spoiler

<option selected="selected" value="--">Bitte wählen:</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">1</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">2</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">3</option>
<option value="p26" onClick="document.getElementById('test').style.dis play = 'block';">4</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">5</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">6</option>
<option onClick="document.getElementById('test').style.dis play = 'none';">7</option>
<option onClick='if (confirm("Hinweistext + Weiterleitung? ")){window.open ("IV.htm")}else{}'>unbekannt</option>
</select>

Den letzten Punkt 7 bzw. unbekannt möchte ich mit diesen Code erweitern, um das Listenfeld wieder zu verstecken.

"document.getElementById('test').style.display = 'none';"

Kann mir dabei jemand helfen?

Danke euch schon mal ^-^

[False]

Ich hoffe mal der Code oben ist nicht der originale, ist ja grässlich...

Nutz .js dateien, dafür sind sie da (vergiss die kacke mit onClick), immer trennen zwischen html,js,php,css etc...
Desweiteren nutz Jquery damit wäre es "leichter" und auch deutlich verständlicher...

Nutze Variablen und lass nicht jedes mal das Element mit der Id 'test' "suchen".
z.b. :

 Spoiler

//"speichern" das html Element mit der Id(#) Test
var subSelect  = $('#test');
//"speichern" das html Element mit der Id(#) mainSelect(müsste noch ins html gehauen werden)
var mainSelect = $('#mainSelect');


//setzen ein Event Event Listener
   mainSelect.change(function(){
//subSelect verstecken
subSelect .hide()
});

var subSelect  = $('#test');
var mainSelect = $('#mainSelect');

mainSelect.change(function(){
   subSelect .hide()
});

Da ich nicht genau verstanden hab wo das Problem ist erstell doch bitte mal ein Jsfiddle.
Falls du noch Hilfe brauchst, schreib mir eine PN.