How to make a button redirect to another page using jQuery or just Javascript

Question

I am making a prototype and I want the search button to link to a sample search results page   How do I make a button redirect to another page when it is clicked using jQuery or plain JS

User · Answer

Use a link and style it like a button    lt a href   page2  class  ui-btn ui-shadow ui-corner-all  gt Click this button lt  a gt

User · Answer

You can use window location   window location   newpage php     Or you can just make the form that the search button is in have a action of the page you want

User · Answer

this is the FASTEST  most readable  least complicated  way to do it  Owens works but it s not legal HTML  technically this answer is not jQuery  but since jQuery is a pre-prepared pseudocode - reinterpreted on the client platform as native JavaScript - there really is no such thing as jQuery anyway     lt button onclick  window location href  http   www google com    gt Google lt  button gt

User · Answer

Without script    lt form action  where-you-want-to-go  gt  lt input type  submit  gt  lt  form gt    Better yet  since you are just going somewhere  present the user with the standard interface for  just going somewhere     lt a href  where-you-want-to-go  gt ta da lt  a gt    Although  the context sounds like  Simulate a normal search where the user submits a form   in which case the first option is the way to go

User · Answer

From YT 2012 code    lt button href   signin  onclick   window location href this getAttribute  href   return false   gt Sign In lt  button gt

User · Answer

is this what you mean      button selector   click function       window location href  the link to go to html

User · Answer

You can use     location href    newpage html    in the button s onclick event

User · Answer

And in Rails 3 with CoffeeScript using unobtrusive JavaScript  UJS    Add to assets javascripts my controller js coffee     - gt        field name   click - gt      window location href    new url    which reads  when the document ready event has fired  add an onclick event to a DOM object whose ID is field name which executes the javascript window location href  new url

User · Answer

With simple Javascript    lt input type  button  onclick  window location    path-here    gt

User · Answer

No need for javascript  just wrap it in a link   lt a href  http   www google com  gt  lt button type  button  gt button lt  button gt  lt  a gt

User · Answer

In your html  you can add data attribute to your button    lt button type  submit  class  mybtn  data-target   search html  gt Search lt  button gt    Then you can use jQuery to change the url       mybtn   on  click   function event        event preventDefault         var url     this  data  target        location replace url         Hope this helps

User · Answer

You can use this simple JavaScript code to  make search button to link to a sample search results page  Here I have redirected to   search  of my home page  If you want to search from Google search engine  You can use  https   www google com search  in form action    lt form action   search  gt  Enter your search text    lt input type  text  id  searchtext  name  q  gt   amp nbsp   lt input onclick  myFunction    type  submit  value  Search It    gt   lt  form gt    lt script gt  function myFunction       var search   document getElementById  searchtext   value   window location     search q   search       lt  script gt

User · Answer

This should work         buttonID   click function    window location    new url

User · Answer

There are a lot of questions here about client side redirect  and I can t spout off on most of them   this one is an exception   Redirection is not supposed to come from the client   it is supposed to come from the server  If you have no control over the server  you can certainly use Javascript to choose another URL to go to  but   that is not redirection  Redirection is done with 300 status codes at the server  or by plying the META tag in HTML

User · Answer

someButton   click function         window location href     some new page       return false

[javascript] How to make a button redirect to another page using jQuery or just Javascript

Examples related to javascript

Examples related to jquery

Examples related to redirect

Examples related to buttonclick