Cascading radiobutton group/drop down list

[Michel Couche]

Hello,

I am working on real estate web site.
The search module requires the following client-side functionality:
1) a radio button group to select sales <OR> rental
2) based on the above selection, a dropdown list should display the
applicable price ranges.

The functionality is identical to the code found @
http://webdeveloper.earthweb.com/repository/javascripts/2002/07/91311/cascadeDrops_simple.html

The only difference being that the first dropdown should be replaced by a
radio button group.

Having very limited knowledge in JavasScript, I have been unable ta adapt
the code.
Thanks in advance for your support,

Michel

 

[shimmyshack]

Hello,

I am working on real estate web site.
The search module requires the following client-side functionality:
1) a radio button group to select sales <OR> rental
2) based on the above selection, a dropdown list should display the
applicable price ranges.

The functionality is identical to the code found @http://webdeveloper.earthweb.com/repository/javascripts/2002/07/91311...

The only difference being that the first dropdown should be replaced by a
radio button group.

Having very limited knowledge in JavasScript, I have been unable ta adapt
the code.
Thanks in advance for your support,

Michel

code it all in html as normal, then set the drop downs styles using
css to display:none.
..hidden{visibility:hidden;display:none;}
..visible{visibility:visible;}
use an onclick event on the radio group to set the className of the
dropdowns so that whichever radio you hit, the corresponding select
appears by itself.
make sure that it is clear which radio button goes with which dropdown
when everything is visible

You can use js to store all the data and then populate a select. but
its not accessible, whereas coding it all using html, so thats its
clear without the javascript means your page will work if js is on or
off.