Send selected value to new page

Send selected value to new page

Hi;

I have 2 drop downs, the one under changes based on whats selected on the one on top.

I want to send the value of selected city to the function and it reloads a new page in the div. But it doesn;t work and I don't see any errors in Fire Bug.

Please guide.

Thanks

  1. <script type="text/javascript">
            function update_suburb_dd()
                {
                    $.post('page.php/'+city, { city: document.form.city},function(output){$('#suburbs').html(output).show();});
                }
            </script>




And this is the html

  1. <select name="city" class="select_1" id="city" onchange="update_suburb_dd();"> 
  2. <option value="0">Select a city</option> 
  3. <option value="beaudesert">Beaudesert</option> 
  4. <option value="brisbane">Brisbane</option> 
  5. <option value="gold coast">Gold Coast</option> 
  6. </select> 

Thanks