Chained HTML select menus?

A

A.C.M

New member
Below is the code I use on my site right now, I was curious how it could be re-written to use chanied selects. So each of the names like MoreBloodWines Creations would be in the first select. Then in the second, chained select would be the images they've submitted which in the codes current configuration is easy to see since each users submitted images reside below their names.

<select class="skin" id="skin" name="skin" size="5" onChange="changeskin()" onkeyup="changeskin()" onclick="changeskin()">
<optgroup label="MoreBloodWine\'s Creations">
<option value="chimerahybrid2">Chimera Hybrid v. 2</option>
<option value="chimerahybrid3">Chimera Hybrid v. 3</option>
<option value="nathanfighting">Nathan Drake v. 1</option>
<option value="nathanjumping">Nathan Drake v. 2</option>
<option value="nathanshooting">Nathan Drake v. 3</option>
<option value="psublacknoimg">PSU Black (No Image)</option>
<option value="rikaraja">Rika Raja</option>
</optgroup>

<optgroup label="Mr_WhiZZie\'s Creations">
<option value="chimerahybrid">Chimera Hybrid</option>
<option value="chloewithagun">Chloe Frazier</option>
<option value="deadexplorer">Dead Explorer</option>
<option value="elenalooking">Elena Fisher</option>
<option value="evilcole">Evil Cole</option>
<option value="harryflynn">Harry Flynn</option>
<option value="herocole">Hero Cole</option>
<option value="nathanwithgun">Nathan Drake v. 4</option>
<option value="nathanhale">Sgt. Nathan Hale</option>
<option value="tenzinwithgun">Tenzin</option>
<option value="victorsullivanakasully">Victor Sullivan (Sully)</option>
<option value="zeke">Zeke</option>
<option value="zoranpissed">Zoran Lazarevic</option>
</optgroup>

<optgroup label="MartialArtFight\'s Creations">
<option value="cameramanjeff">Cameraman Jeff</option>
<option value="eddieraja">Eddie Raja</option>
<option value="sark">Sark</option>
</optgroup>

<optgroup label="Guzzyo\'s Creations">
<option value="baseballshirtdrake">Baseball Shirt Drake</option>
<option value="chimerahybrid4">Chimera Hybrid v. 4</option>
<option value="deadexplorer2">Dead Explorer v. 2</option>
<option value="heilghast">Heilghast</option>
<option value="highriseview">Highrise View</option>
<option value="highrisewallhole">Highrise Wall Hole</option>
<option value="jetskiexplosion">JetSki Explosion</option>
<option value="museumenterance">Museum Entrance</option>
<option value="museumview">Museum View</option>
<option value="naughtydog">Naughty Dog</option>
<option value="prakosopirate">Prakoso the Pirate</option>
<option value="sanctuary">Sanctuary</option>
<option value="wetsuitdrake">Wetsuit Drake</option>
</optgroup>

<optgroup label="Billenman\'s Creations">
<option value="carcover">Car Cover</option>
<option value="doughnutdrake">Doughnut Drake</option>
<option value="drakesfortune">Drakes Fortune</option>
<option value="drakewounded">Drake Wounded</option>
<option value="facility1">Facility v. 1</option>
<option value="facility2">Facility v. 2</option>
<option value="facilitywindow">Facility Window</option>
<option value="floodedruins1">Flooded Ruins v. 1</option>
<option value="floodedruins2">Flooded Ruins v. 2</option>
<option value="gabrielroman1">Gabriel Roman v. 1</option>
<option value="gabrielroman2">Gabriel Roman v. 2</option>
<option value="gabrielroman3">Gabriel Roman v. 3</option>
<option value="gabrielroman4">Gabriel Roman v. 4</option>
<option value="hotelview">Hotel View</option>
<option value="icecave1">
 
Back
Top