Button with location.href doesn't work in Firefox

Question

Hi, I have a textbox for search and a button that redirects to given value of the textbox. It works well except for firefox 3, which ignores the function completely. Any ideas why and how to fix it? I have already tried window.location instead of location.href, but it again works well in all major browsers but firefox.

My code:

<%=Html.TextBox("search", Html.Encode(ViewData["search"])) %>    
<input type="button" onclick="location.href='<%= Url.Content("~/Authorized/Accounts/0/1/") %>'+search.value" value="Search" />

EDIT

And here is the generated code:

<input id="search" name="search" type="text" value="" /> 
<input type="button" onclick="window.location='/Authorized/Accounts/0/1/'+search.value" value="Search" />

Answer 1

I'm not sure why your code doesn't work in FF3, but I got it to work by adding the domain to the beginning of the URL and also by removing the leading slash.

So, if it's possible for you to either add the domain or use relative paths in that location, it should work. For example, the generated line might look like this:

<input type="button" onclick="window.location='http://www.example.com/Authorized/Accounts/0/1/'+search.value" value="Search" />

Answer 2

search.value is looking for a JavaScript variable called 'search', not your form field.

You should be using document.getElementById('search').value

Answer 3

<%=Html.TextBox("search", Html.Encode(ViewData["search"])) %>    
<input type="button" onclick="location.href='<%= Url.Content("~/Authorized/Accounts/0/1/") %>'+document.getElementById('search').value;" value="Search" />

If you're using jQuery:

<%=Html.TextBox("search", Html.Encode(ViewData["search"])) %>    
<input type="button" onclick="location.href='<%= Url.Content("~/Authorized/Accounts/0/1/") %>'+$("#search").val();" value="Search" />