Question: I have this text box here...

```
<input name="search" type="text" maxlength="512" id="search" class="searchField" autocomplete="off" title="" />

```

and I also have this submit

```
<input type="submit" name="btnSearch" value="Search" onclick="location.href='http://www.website.com/search/';" id="btnSearch" class="buttonSearch" />

```

what I am trying to do is add whatever is in the text box in my 

```
onclick="location.href='http://www.website.com/search/';"

```

so it would look like this..

```
onclick="location.href='http://www.website.com/search/what ever the user searches';"

```

how would I go about doing this, I have been googling my little heart out.

Answer: 
This should work:

```
onclick="location.href='http://www.website.com/search/'+document.getElementById('search').value;"

```

**But I wouldn't ever write that in one of my project as writing script directly on tags is a bad practice.**
Here is [a working jsfiddle](http://jsfiddle.net/jyrL4/)

I moved the event handler out of the button as it is more maintainable. Also I encode the search query so that it gets to the server properly.

```
var search = document.getElementById('search');
var submit = document.getElementById('btnSearch');

submit.addEventListener('click', function(e) {
    var searchValue = encodeURIComponent(search.value);  // encode the search query
    window.location.href = 'http://www.website.com/search/' + searchValue ;
});

```