select box on the fly
Posted: Mon Mar 15, 2004 10:10 am
hi all,
i have a drop down list such as:
<select>
<option value="">select a room</option>
<option value="1">1 Room</option>
<option value="2">2 Room</option>
<option value="3">3 Room</option>
<option value="4">4 Room</option>
<option value="5">5 Room</option>
</select>
when i select lets say '1 room' i want to display one select box with the options
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
when i select lets say '2 room' i want to display two select box's with the options
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
and 3 select boxes if i pick option '3 Room'
This can not be done in php, so i need to do it in javascript. how can i create select boxes on the page depending on the option picked.
i have a drop down list such as:
<select>
<option value="">select a room</option>
<option value="1">1 Room</option>
<option value="2">2 Room</option>
<option value="3">3 Room</option>
<option value="4">4 Room</option>
<option value="5">5 Room</option>
</select>
when i select lets say '1 room' i want to display one select box with the options
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
when i select lets say '2 room' i want to display two select box's with the options
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
<select>
<option value="">select people</option>
<option value="1">1 adult</option>
<option value="2">1 adult + 1 child</option>
<option value="3">1 adult + 2 children</option>
</select>
and 3 select boxes if i pick option '3 Room'
This can not be done in php, so i need to do it in javascript. how can i create select boxes on the page depending on the option picked.