JQuery :: Load Different Php File Asynchronously Depending On Select Form

I have a php file that generates different content based on a get variable in the url. test.php?foo=bar1

I'm loading this into a div on my site with

<script>
$(document).ready(function() {
$("#result").load("test.php?foo=bar1");
});
</script>

Well that works, but i want to add a select option <option>bar1</option> option>bar2</option>

And depending what option is selected, i want to load that get instead. So if bar2 is selected, the load should (asyncronosly) load test.php?foo=bar2 instead.