Rerun javascript after drop down selection
 

I have a web form and it does pretty much what I want it to do. Apart from the form I want a link to change based on what is selected and before it is submitted. As you can see 2014 is selected by default. I want the bold to change as soon as the selection changes and before it is submitted.

<select name="catids[]" id="catids">
<option value="0">ALL</option>
<option value="16">2017</option>
<option value="15">2016</option>
<option value="14">2015</option>
<option value="4" selected="selected">2014</option>
<option value="2">2013</option>
<option value="5">2012</option>
<option value="11">2011</option>
<option value="12">2010</option>
<option value="13">2009</option>
<option value="10">1999</option>
</select>
<script language="javascript" type="text/javascript">
var e = document.getElementById("catids");
var strUser = e.options[e.selectedIndex].text;
openPage = function() {
location.href = "/recruits/"+strUser+"-football";
}
</script>
<a href ="javascript:openPage()">ALL</a>

--------------- Added [DATE]1379910537[/DATE] at [TIME]1379910537[/TIME] ---------------

so what happens is when the page is loaded it makes strUser 2014 but I want this to change as soon as another option is selected without the user submitting it.

--------------- Added [DATE]1379924968[/DATE] at [TIME]1379924968[/TIME] ---------------

nvm I got it