2016-10-26 9 views
-2

自分のサイトから検索用語を別のサイトのURLリンクの文字列に渡そうとしています。これにより、検索は自分のサイトで検索できるようになります。見つからない場合は、検索フィールドから文字列を取り出し、MnLink.orgのURLに渡すボタンをクリックします。私のサイトのコードは以下の通りです。私の検索サイトから他の検索サイトに検索結果を渡そうとしています

検索:

私はHTMLとJavaScriptで初心者に新しいですので、私は、私が行方不明ですかを把握することはできません。私はスクリプトで値またはIDをvarに入れてもいいと思っていましたが、動作させることができませんでした。以下は私が始めたことですが、立ち往生して、どんな助けも素晴らしいでしょう。

https://mnlink.on.worldcat.org/search?='"style="padding-left:10px;background:#ffffff;国境:固体黒; ">続行あなたは、単にmethod="get"action="https://mnlink.on.worldcat.org/search"でフォームを使用することができ

+0

html5フォームを使用してください – paolobasso

答えて

1

検索

例:

<form method="get" action="https://mnlink.on.worldcat.org/search"> 
    <div> 
    <input type="text" name="queryString" value="" /> 
    <button type="submit"> 
     Submit 
    </button> 
    </div> 
</form> 

ワーキングDEMO

EDIT

。 onClickイベントを使用する必要がある場合は、Jqueryを使用することをおすすめします。 click()にあなたのページをwindow.location.href = 'https://mnlink.on.worldcat.org/search?queryString='でリダイレクトする必要がありますが、その文字列の最後に$("#INPUT_ID").val()という値を追加する必要があります。 demoを参照してください。

HTML:

<input title="Search For:" autofocus="false" accesskey="s" maxlength="256" tabindex="9" autocomplete="off" size="100" value="cats" id="q" name="q" type="text"> 

<button id="submit"> 
    Search 
</button> 

JS:

$(document).ready(function(){ 
    $("#submit").click(function() { 
     window.location.href = 'https://mnlink.on.worldcat.org/search?queryString=' + $("#q").val(); 
    }); 
}); 

ワーキングDEMO

+0

素晴らしいことですが、問題はワンクリックオプションにする必要があることです。その人はすでに情報を一度入力しているためです。私は本当に迅速なフィードバックと例を感謝します。どうもありがとうございます。 – McNile83

+0

Jqueryを使用できますか? – paolobasso

+0

私はonClickイベントの回答を編集しました。 – paolobasso

関連する問題