2017-09-08 19 views
0

検索バーの内容に応じてページに移動するにはどうすればよいですか?
たとえば、検索ボックスの値が「google」の場合は「http://google.com」に移動します。検索バーとボタンを使用してページに移動する方法

<form id="searchbox" action=""> 
    <input id="search" type="text" name="search" value="" placeholder="google" /> 
    <button type="submit" class="search-button" onsubmit="return searchbar();">Search</button> 
</form> 
<script src="js.js"></script> 
+0

使いのブラウザではJavaScriptがある:
は、これは私のhtmlですか? –

+2

こんにちは、私はStackOverflowへようこそ。適切な質問をし、ガイドラインに従って改善する方法については、https://stackoverflow.com/help/how-to-askを参照してください。最初のステップでは、 "js.js"内にコードを追加して見てください。 –

答えて

0
<form id="searchbox" action=""> 
    <input id="search" type="text" name="search" value="" placeholder="google" /> 
    <button type="submit" class="search-button" onsubmit="return searchbar();">Search</button> 
</form > 

<script> 
window.onload = function(){ 
    var value = findGetParameter('search'); 
    switch(value){ 
     case 'google' : console.log('redirect'); location.href = "http://google.com"; break; 
     case null : break; // First Page Load, do nothing 
     default : location.href = "http://youtube.com"; break; 
    } 
} 
// Location Parameters 
function findGetParameter(parameterName) { 
    var result = null, 
     tmp = []; 
    location.search 
     .substr(1) 
     .split("&") 
     .forEach(function (item) { 
      tmp = item.split("="); 
      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); 
     }); 
    return result; 
} 
</script> 
+0

ありがとうございます、それは動作します。私はまた、それがエラーページに行くことが可能かどうか疑問に思っていた場合は、検索が無効です(例えば、利用できる唯一の検索は "google"ですが、あなたは "youtube"を入れてエラーページに行きますエラーページになります))。もう一度ありがとう、これは本当に私を助けた。 – beannshie

+0

デフォルトがそこにあるように更新され、最初にロードするときには何もしません。そうでなければデフォルトオプションにまっすぐに進みます。喜んで助けてくれました:-) –

関連する問題