2016-03-27 15 views
2

私はflipkartのようなオンラインショッピングのウェブサイトに取り組んでおり、要求によって値を転送したいとか、URLに値を追加したいと言っています。フォームアクションを使用しないでください。たとえば、次のような状況を考えてみましょう。JSPでフォームを使用せずにリクエストで値を送信する方法

value1<input type="number" min="1" name="value1"> 
     <a href="somePage.jsp">value1</a> 

      value2<input type="number" min="1" name="value2"> 
     <a href="somePage.jsp">value2</a> 

      value3<input type="number" min="1" name="value3"> 
     <a href="somePage.jsp">value3</a> 

私は3つの入力テキスト3つのハイパーリンクに関連付けられていると私は、任意のリンクをヒットした場合、その後、それぞれのテキストボックスの値がURLに付加すべきであると私たちは、次のページに進みます。この場合 somePage.jsp?値このような= 2何か....

答えて

1

hereが説明するように、JavaScriptを介して、href属性の内容を変更することができます。

+0

はい、アンドレですが、私はボタンをクリックしません... –

+0

あなたはリンクをクリックすると、それぞれのリンクのhref? –

+0

私もそれを試しましたが、名前だけが "somePage.jsp?value ="のような値ではなく、値が定義されていないことを私は忘れてしまいました... –

2

HTML

<a id="reflectedlink" href="http://www.google.com/search">http://www.google.com/search</a> 

私はここからkeyupイベントに私は動的にhrefの値を変更しています、例をお見せします。

JAVASCRIPT

<script type="text/javascript"> 
    var link= document.getElementById('reflectedlink'); 
    var input= document.getElementById('searchterm'); 
input.onchange=input.onkeyup= function() { 
    link.search= '?q='+encodeURIComponent(input.value); 
    link.firstChild.data= link.href; 
}; 

私は私のミスを持っているhttps://jsfiddle.net/aadi/pr5j9Lbv/

+0

これで問題が解決したら、忘れないでください。それを解決してマークしてください。 これは他の人が同様の問題を探すのに役立ちます – Naruto

0

おかげアンドレに同じことを確認してください。問題はあなたのsolutionによって解決されますが、私は間違いを犯しました。私はすべてのリンクに同じ名前が与えられています....

関連する問題