Menu
Hi
at first I am really sorry to put this much code. I am new to javascript. I have multiple list boxes, what I want is, when I select one or more iteams from 1st list box, all the related items in other list box should be enabled.
please help me.
[CODE]<!DOCTYPE html>
<html>
<head>
<title>Quotation</title>
<style type=”text/css”>
.auto-style1 {
text-align: center;
}
.auto-style3 {
font-size: x-large;
}
.auto-style4 {
text-align: left;
}
.auto-style5 {
font-size: x-small;
}
.auto-style6 {
font-size: small;
}
</style>
</head>
<body>
<div id=”body” class=”auto-style1″ style=”position: absolute; width: 1153px; height: 461px; z-index: 1; left: 216px; top: 19px; background-color: #F0F0F0; color: #000000; font-family: Arial, Helvetica, sans-serif”>
<label id=”Label1″><br /></label>
<br />
<strong><span class=”auto-style3″>Quotation</span></strong><div id=”cstype” class=”auto-style4″ style=”position: absolute; width: 1030px; height: 248px; z-index: 3; left: 96px; top: 117px”>
<div id=”cstypelist” class=”auto-style1″ style=”position: absolute; width: 137px; height: 230px; z-index: 1; left: 15px; top: 11px”>
<label id=”Label3″><span class=”auto-style6″><strong>Type</strong></span><br class=”auto-style5″>
</label>
<div id=”layer7″ style=”position: absolute; width: 120px; height: 204px; z-index: 1; left: 8px; top: 22px”>
<select multiple=”multiple” name=”cstype” style=”width: 106px; height: 199px”>
<option value=”cscar”>CSCar</option>
<option value=”csbus”>CSBus</option>
<option value=”cslorry”>CSLorry</option>
<option value=”csboat”>CSBoat</option>
</select>
</div>
</div>
<div id=”csdevice” class=”auto-style1″ style=”position: absolute; width: 200px; height: 230px; z-index: 1; left: 158px; top: 10px”>
<span class=”auto-style6″><strong>Devices</strong></span><label id=”Label4″><br class=”auto-style5″>
</label>
<div id=”csdevicelist” style=”position: absolute; width: 192px; height: 201px; z-index: 1; left: 8px; top: 25px”>
<select multiple=”multiple” name=”csdevice” style=”width: 191px; height: 199px”>
<option value=”cscar” disabled>CSCar Red</option>
<option value=”cscar” disabled>CSCar Blue</option>
<option value=”cscar” disabled>CSCar Green</option>
<option value=”csbus ” disabled>CSBus Red</option>
<option value=”csbus” disabled>CSBus Blue</option>
<option value=”csbus” disabled>CSBus Green</option>
<option value=”cslorry” disabled>CSLorry Red</option>
<option value=”cslorry” disabled>CSLorry Blue</option>
<option value=”cslorry” disabled>CSLorry Green</option>
<option value=”csboat” disabled>CSBoat Red</option>
<option value=”csboat” disabled>CSBoat Blue</option>
<option value=”csboat” disabled>CSBoat Green</option>
</select>
</div>
</div>
<div id=”csaccessories” class=”auto-style1″ style=”position: absolute; width: 223px; height: 230px; z-index: 1; left: 373px; top: 11px”>
<span class=”auto-style6″><strong>Accessories</strong></span><label id=”Label5″><br class=”auto-style5″>
</label>
<div id=”csaccessorieslist” style=”position: absolute; width: 207px; height: 201px; z-index: 1; left: 8px; top: 25px”>
<select multiple=”multiple” name=”csaccessories” style=”width: 196px; height: 199px”>
<option value=”cscar” disabled>CSCar Tyre</option>
<option value=”cslorry” disabled>CSLorry Tyre</option>
<option value=”cscarfix” disabled>CSCar Verification Fixture</option>
<option value=”extrabattery” disabled>Extra Battery</option>
</select>
</div>
</div>
<div id=”cssoftwarepac” class=”auto-style1″ style=”position: absolute; width: 124px; height: 230px; z-index: 1; left: 606px; top: 13px”>
<span class=”auto-style6″><strong>Software Packages</strong></span><label id=”Label6″><br class=”auto-style5″>
</label>
<div id=”cssoftwarepaclist” style=”position: absolute; width: 110px; height: 201px; z-index: 1; left: 8px; top: 25px”>
<select multiple=”multiple” name=”softwarepackage” style=”width: 104px; height: 199px”>
<option>Audit Lite</option>
<option>Audit</option>
<option>Audit Plus Pro</option>
<option>PLS</option>
</select>
</div>
</div>
<div id=”csmaintenancehardware” class=”auto-style1″ style=”position: absolute; width: 234px; height: 230px; z-index: 1; left: 748px; top: 13px”>
<span class=”auto-style6″><strong>Maintenance Plans (Hardware)</strong></span>
<div id=”csmaintenancehardwarelist” style=”position: absolute; width: 220px; height: 201px; z-index: 1; left: 6px; top: 25px; right: 8px;”>
<strong>
<select multiple=”multiple” name=”csmaintenancehardware” style=”width: 214px; height: 199px”>
<option value=”cscar” disabled>CSCar Standard Kit</option>
<option value=”cscar” disabled>CSCar Bluetooth Kit</option>
<option value=”cscar” disabled>CSCar Wi-Fi Kit</option>
<option value=”cslorry” disabled>CSLorry Standard Kit</option>
<option value=”cslorry” disabled>CSLorry Bluetooth Kit</option>
<option value=”cslorry” disabled>CSLorry Wi-Fi Kit</option>
<option value=”csboat” disabled>CSBoat Standard Kit</option>
<option value=”csboat” disabled>CSBoat Bluetooth Kit</option>
<option value=”csboat” disabled>CSBoat Wi-Fi Kit</option>
<option value=”expire” >Expired Year Maintenance Plan</option>
</select>
</strong>
</div>
</div>
</div>
</div>
</body>
</html>