Du kan også prøve:
<html>
<head>
<style>
#sub1, #sub2, #sub3
{ position: absolute;
left: 480px;
top: 50px;
visibility: hidden;
z-index: 3
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Original: Michele Bracci (michele@againstwhat.it) -->
<!-- Web Site:
http://www.againstwhat.it -->
<!-- Begin
catnumber = 3
offset = 150
performOnchange = false
if (document.all) {
docObj = "document.all."
styleObj = ".style"
} else {
docObj = "document."
styleObj = ""
}
function openselect(subcat) {
popupenable = eval(docObj + subcat + ".childNodes[0]");
alert(popupenable.name);
popupenable.disabled=false;
popupselect = eval(docObj + subcat + styleObj)
popupselect.visibility = "visible"
}
function closeselect(submenu,subcat){
popupselect = eval(docObj + subcat + ".childNodes[0]");// + styleObj)
if (submenu.selectedIndex != 0) {
// popupselect.visibility = "hidden"
popupselect.disabled=true;
numchoice = submenu.selectedIndex
choice = submenu[numchoice].value
subcategory.value = choice
// submenu.selectedIndex = 0
}
}
function lock() {
performOnchange = false
}
function unlock() {
performOnchange = true
}
function selectSub(cat) {
for (i=1; i <= catnumber; i++) {
subcat = "sub" + i
popupselect = eval(docObj + subcat + styleObj)
popupselect.visibility = "hidden"
popupenable = eval(docObj + subcat + ".childNodes[0]");
popupenable.disabled=false;
}
if (performOnchange == true) {
letsopen = "sub" + cat.selectedIndex
if (letsopen == "sub0") {
alert("No category selected")
choice = "- subcategory -"
subcategory.value = choice
cat.focus()
} else {
openselect(letsopen)
// lock()
}
}
}
// End -->
</script>
<title>Java Sub menu problemer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div align="center">
<span id="sub1">
<select name="subalfa" onchange="closeselect(this,'sub1')" disabled>
<option selected value="">- Vælg variant -
<option value="2190 kr">145, 146, 147
<option value="2250">75, 155, 156, GTV, Spider
<option value="2450">164,166
</select>
</span>
<span id="sub2">
<select name="subaudi" onchange="closeselect(this,'sub2')" disabled>
<option selected value="">- Vælg variant -
<option value="2190">A2, A3
<option value="2250">80, A4, TT
</select>
</span>
<span id="sub3">
<select name="subbmw" onchange="closeselect(this,'sub3')" disabled>
<option selected value="">- Vælg variant -
<option value="2250">300
<option value="2450">500, Z3
<option value="2650">700, 800, XS
</select>
</span>
</span>
<select name="categoria" onmouseover="unlock()" onchange="selectSub(this)">
<option selected value="">-- Vælg bilmærke --
<option value="alfa">Alfa Romeo
<option value="audi">Audi
<option value="bmw">BMW
<option value="chevrolet">Chevrolet
</select><br>
<div style="position:absolute;left:480px;top:100px">
<input type="text" name="subcategory" readonly="readonly" value="- subcategory -">
</div></div>
<!-- Script Size: 3.41 KB -->
</body>
</html>
