wake-up-neo.net

Wie kann man eine Schaltfläche mit jQuery oder einfach mit Javascript auf eine andere Seite umleiten?

Ich mache einen Prototyp und möchte, dass die Suchschaltfläche mit einer Beispielseite für Suchergebnisse verbunden ist.

Wie kann ich eine Schaltfläche auf eine andere Seite umleiten, wenn mit jQuery darauf geklickt wird?.

86
Ankur

Ohne Skript:

<form action="where-you-want-to-go"><input type="submit"></form>

Besser noch, da Sie gerade irgendwohin gehen, stellen Sie dem Benutzer die Standardschnittstelle für "einfach irgendwohin":

<a href="where-you-want-to-go">ta da</a>

Allerdings klingt der Kontext wie "Simulieren Sie eine normale Suche, bei der der Benutzer ein Formular sendet". In diesem Fall ist die erste Option der Weg.

59
Quentin

ist es das was du meinst?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})
180
Reigel
$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});
67
Darin Dimitrov

Mit einfachem Javascript:

<input type="button" onclick="window.location = 'path-here';">
19
Sarfraz

In Ihrer HTML-Datei können Sie Ihrer Schaltfläche Datenattribute hinzufügen:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

Dann können Sie jQuery verwenden, um die URL zu ändern:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

Hoffe das hilft

15
g-francesca

Sie können verwenden:

  location.href = "newpage.html"

im onclick-Ereignis der Schaltfläche.

9

Das sollte funktionieren ..

$('#buttonID').click(function(){ window.location = 'new url'});
8

Keine Notwendigkeit für Javascript, wickeln Sie es einfach in einen Link ein

<a href="http://www.google.com"><button type="button">button</button></a>
8
Owen

Sie können window.location verwenden 

window.location="/newpage.php";

Oder Sie können das Formular, in dem sich die Suchschaltfläche befindet, einfach mit einer Aktion der gewünschten Seite versehen.

6
PetersenDidIt

Sie können diesen einfachen JavaScript-Code verwenden, um die Suchschaltfläche zu einer Beispielseite für Suchergebnisse zu verknüpfen. Hier habe ich zu '/ search' meiner Startseite umgeleitet. Wenn Sie von Google suchen möchten, können Sie " https://www.google.com/search) verwenden " in Formularaktion.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>
2
shus

Verwenden Sie einen Link und gestalten Sie ihn wie eine Schaltfläche:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>
0
Redwolf

Hier gibt es viele Fragen zu clientseitigen Weiterleitungen, und ich kann die meisten davon nicht ausspucken. Dies ist eine Ausnahme.

Die Umleitung soll nicht vom Client kommen, sondern vom Server. Wenn Sie keine Kontrolle über den Server haben, können Sie sicherlich Javascript verwenden, um eine andere URL zu wählen, die jedoch aufgerufen werden soll. Dies ist jedoch keine Umleitung. Die Umleitung erfolgt mit 300 Statuscodes am Server oder durch Einfügen des META-Tags in HTML.

0
Michael Blake

Und in Rails 3 mit CoffeeScript mit unauffälligem JavaScript (UJS):

Zu assets/javascripts/my_controller.js.coffee hinzufügen:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

das lautet: Wenn das document.ready -Ereignis ausgelöst wurde, fügen Sie einem DOM-Objekt, dessen ID field_name lautet, das onclick -Ereignis ein, das das Javascript window.location.href='new_url'; ausführt.

0
Tom Harrison Jr

dies ist der Weg, es zu tun, Owens works, aber es ist kein legales HTML. Technisch ist diese Antwort nicht jQuery (aber da jQuery ein vorgefertigter Pseudocode ist - auf der Clientplattform als natives JavaScript neu interpretiert - dort wirklich ist sowieso keine jQuery)

 <button onclick="window.location.href='http://www.google.com';">Google</button>
0
Mr Heelis