回答:
スクリプトなし：
<form action="where-you-want-to-go"><input type="submit"></form>さらに良いことに、どこかに行くだけなので、「どこかに行く」ための標準インターフェースをユーザーに提示します。
<a href="where-you-want-to-go">ta da</a>ただし、コンテキストは「ユーザーがフォームを送信する通常の検索をシミュレートする」のように聞こえますが、その場合、最初のオプションが方法です。
method="POST"）。
これはどういう意味ですか？
$('button selector').click(function(){
window.location.href='the_link_to_go_to.html';
})
$('#someButton').click(function() {
window.location.href = '/some/new/page';
return false;
});
return false、「EnterキーまたはReturnキー」を押すと、新しいリンクにリダイレクトするのではなく、現在のURLに移動するだけです。Enter / Returnキーを押したときに別のURLに投稿するテキスト入力コントロールがある場合に特に便利です。
HTMLでは、ボタンにデータ属性を追加できます。
<button type="submit" class="mybtn" data-target="/search.html">Search</button>次に、jQueryを使用してURLを変更できます。
$('.mybtn').on('click', function(event) {
event.preventDefault();
var url = $(this).data('target');
location.replace(url);
});
お役に立てれば
以下を使用できます。
location.href = "newpage.html"ボタンのonclickイベントで。
これは動作するはずです。
$('#buttonID').click(function(){ window.location = 'new url'});この単純なJavaScriptコードを使用して、サンプルの検索結果ページにリンクする検索ボタンを作成できます。ここで、私のホームページの「/ search」にリダイレクトしました。Google検索エンジンから検索したい場合は、フォームアクションで「https://www.google.com/search」を使用できます。
<form action="/search"> Enter your search text:
<input type="text" id="searchtext" name="q">
<input onclick="myFunction()" type="submit" value="Search It" />
</form>
<script> function myFunction()
{
var search = document.getElementById("searchtext").value;
window.location = '/search?q='+search;
}
</script>