Hi,
I would like to have a drop down box1, and it has 2 items in it.
First when the form loaded, it should show that drop down box1 with 2 items in it.
If i select item #2, in dropdown box1, another drop down box should appear. if i select item#1 in drp down box 1, another drop down box should disappear.
How i can do it.
<td align="right"><b>Fruit :</b></td>
<td><select name="saletype" size="1" class="text" tabindex="9" onChange="showcombobox(this.form);">
<option value="0" SELECTED>Apple</option>
<option value="2">Orange</option>
</select>
<SPAN name="Q1" id="Q1" STYLE="position:relative; visibility: hide;">
<select name="sfruit" size="1" class="text" tabindex="10">
<option value="0" SELECTED></option>
<option value="1">grapefruit</option>
<option value="2">lemon</option>
<option value="3">lime</option>
<option value="4">melon</option>
</select>
</SPAN>
</td>
<script ......>
function appear(obj) {
obj.style.display = "";
}
function showcombobox(form){
if(form.saletype.value=="2"){
appear(Q1);
}
}
</script>
Help me with the code how i can show and hide the another drop down box based on the item selected in another drop down box.
Thanks in advance
Rosy.
