ansaurus

Question

Answer 1

A:

I would advise you to avoid splitting these information and rather use <optgroup> element to group countries by regions.

If you really want to do as you described and, IMHO, break usability rules, you'll need to make use of Javascript, and dynamicly load your countries when selecting a region with the use of the onChange event

Boris Guéry 2010-08-31 21:45:10

I used this in the end http://www.greggriffiths.org/webdev/clientside/javascript/linkeddropdowns/

WaterEdge 2010-09-01 16:50:23

Answer 2

+1 A:

HTML by itself will not do the trick. You will have to use JavaScript for something like this:

I would use aJax, and load countries once region is selected. The database table needs to look something like this.

|-----------------------|
| region | country |
|-----------------------|
| florida   | usa       |
| georgia | usa       |
| texas     | usa       |
| ghana   | africa south       |
| africa    | africa       |
|-----------------------|

<option name="country" onchange="loadRegions();">
 <option value="usa>usa</option>
 <option value="africa">africa</option>
</option>

<option name="regions"></option>

<script type="text/javascript">
function loadRegions(){
  // create ajax request to php script that returns json (array of objects/strings)
  // in case of Joomla you want to call the controller 'index.php?option=com_mycomponents&controller=regionFilter&country=[selected country]
  // pass country as parameter
  // clear the regions 
  // set the regions to the json data

}
</script>

You are better of using some Ajax library for this: JQuery or Mootools. Here is a demo http://demos.mootools.net/Request.JSON of json request.

Alex 2010-09-01 05:51:00

Thanks I used this http://www.greggriffiths.org/webdev/clientside/javascript/linkeddropdowns/

WaterEdge 2010-09-01 16:50:57

ansaurus

tags:

views:

answers:

Select boxes by country and region

related questions