Passing A Value Through A Dropdown Menu?

I am using a system called CMS Made Simple which has a quotes feature. This will generate a quote randomly from a MySQL database. To refer to this quote feature you have to use the {quote} tag which has a few parameters.

The parameter I am interested in is {quote group=""} because I want my users to be able to see a random quote from a group that they select through a dropdown list.

Head section:

Code:
<script type="text/javascript" src="path/to/jquery.js"></script>
{literal}
<script type="text/javascript">
$(document).ready(function(){

[Code]....

Which functions just fine. However the problem with this code is that I plan to have 65 different groups for the user to select from. When I have tried to do this the webpage has become very slow. I presume this is from loading 65 random quotes from a MySQL database in case the user selects the div - a very slow method which needs to be put on the backburner!

Essentially I would like only the first Div to load with the webpage and the others to load when they are selected in the dropdown list.

I realise other threads exist which are similar to this but they do not pass parameters in the same way and I also saw someone say to start your own thread rather than hijacking someone elses!