HIde options by selection

[nwo4life]

I am a novice can someone help me out. I need to hide the other options by selection.

When I select value 1 from os0 hide all the other options. or if i select 3 from os0 than show me 3 options os1 os2 os3. if I select value 8 from os) than let all options show.

Thanks

<table>
<tr><td><input type="hidden" name="on0" value="Quantity">Quantity</td></tr><tr><td><select name="os0">
<option value="1">1 $1.00 USD</option>
<option value="3">3 $2.00 USD</option>
<option value="8">8 $3.00 USD</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="color">color</td></tr><tr><td><select name="os1">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on2" value="color">color</td></tr><tr><td><select name="os2">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on3" value="color">color</td></tr><tr><td><select name="os3">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on4" value="color">color</td></tr><tr><td><select name="os4">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on5" value="color">color</td></tr><tr><td><select name="os5">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on6" value="color">color</td></tr><tr><td><select name="os6">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on7" value="color">color</td></tr><tr><td><select name="os7">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on8" value="color">color</td></tr><tr><td><select name="os8">
<option value="Option 1">Option 1 </option>
<option value="Option 2">Option 2 </option>
<option value="Option 3">Option 3 </option>
</select> </td></tr>
</table>

 

[ChrisHirst]

This is a javascript question (foeum216) not a server side ASP question.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum