Cant refresh to bottom of page with javascript function containing url variables
<p>I have a few cascading dropdowns on the bottom of my php page. Each time a user selects an option from the dropdown the following function is called to add the value of that option to my url variables. Currently the page refreshes to the top each time which is a huge problem. Normally I would use something like onCLick="window.location='page.htm#bottom';" to refresh to the bottom of the page but the below function stops working when I add the #bottom. Can someone help me adjust this function or give me other ideas that will refresh to the bottom of the page when the function is done. </p>

<pre><code>function reload5(form){
if(document.getElementById('fda1').checked) {
 var fda = '1';
}else if(document.getElementById('fda0').checked) {
  var fda = '0';
}

var val=form.category.options[form.category.options.selectedIndex].value; 
var val2=form.subcat.options[form.subcat.options.selectedIndex].value;
var val3=form.subcat1.options[form.subcat1.options.selectedIndex].value;
var val4=form.subcat2.options[form.subcat2.options.selectedIndex].value;
var comp1=form.mname.options[form.mname.options.selectedIndex].text;
var itemnum=document.getElementById('item').value; 
var desc=document.getElementById('desc').value;
var quan=document.getElementById('quan').value;
var list=document.getElementById('list').value;
var uom=form.uom.options[form.uom.options.selectedIndex].text;
self.location='add_products.php#bottom?fda=' + fda + '&amp;desc=' + desc + '&amp;quan=' + quan + '&amp;list=' + list + '&amp;uom=' + uom + '&amp;item=' + itemnum + '&amp;cat=' + val + '&amp;cat2=' + val2 + '&amp;cat3=' + val3 + '&amp;cat4=' + val4 + '&amp;comp=' + comp1 ;
}
</code></pre>

<p>So this doesn't work: <code>self.location='add_products.php#bottom?fda=' + fda</code></p>

<p>But this does       : <code>self.location='add_products.php?fda=' + fda</code></p>

<p>Any idea where to put the #bottom?</p>
