how to grab user input on form and append to URL?

[sethwb]

Hey I need to grab whatever the user types in an input box and append it to the URL the page is going to, how do I do that?


So far I have found how to retrieve the users input, but is it possible to actually CHANGE whatever url is being loaded?



!-- User Search Input URL Passer -->
<script type="text/javascript">

var diddy = document.searchCatForm.inp_searchCat;
alert(diddy);

function diddydance() {
diddy.action = diddy.action + diddy.value;
}
alert(diddy);

</script>

<form id="searchCatForm" name="searchCatForm" action="catalogue/search?input=" method="post">
<div class="searchField">
<input id="inp_searchCat" name="inp_searchCat" value="Search catalogue" class="txtField" onfocus="this.value = this.value == 'Search catalogue' ? '' : this.value" onblur="this.value = this.value == '' ? 'Search catalogue' : this.value" type="text">
</div>
<input type="image" src="inputimg.jpg" alt="Search" />
<div class="clear"></div>
</form>
<form id="searchPartForm" name="searchPartForm" action="catalogue/search?input=" method="post">
<div class="searchField">
<input id="inp_searchPart" name="inp_searchPart" value="Search part number" class="txtField" onfocus="this.value = this.value == 'Search part number' ? '' : this.value" onblur="this.value = this.value == '' ? 'Search part number' : this.value" type="text">
</div>
<input type="image" src="inputimg.jpg" alt="Search" />
<div class="clear"></div>