Htmlは最後の可変オプションを選択します

Question

非常に新しいhtmlにあなたのアクションを選択する画像を選択することができます基本的なロックペーパーはさみページを作っています。私の問題は、常にhtmlの最後のオプションを選択することです。

<form action="/result <%@choice = "rock"%>"> 
    <div id="rock_button" class="slideRight"> 
     <input type="image" src="http://i.imgur.com/XT41ZXk.jpg" alt="Rock";> 
    </div> 
    </form> 

    <form action="/result <%@choice = "paper"%>"> 
    <div id="paper_button" class="slideUp"> 
     <input type="image" src="http://i.imgur.com/r1GckhD.jpg" alt="Paper";> 
    </div> 
    </form> 

    <form action="/result <%@choice = "scissors"%>"> 
    <div id="scissors_button" class="slideLeft"> 
     <input type="image" src="http://i.imgur.com/ttUlD5y.jpg" alt="Scissors";> 
    </div> 
    </form> 

したがって、上記のコードから、@choiceは常に「はさみ」に設定されています。どちらの画像がクリックされたかにかかわらず。幸運にも3つのピクスチャすべてに対して1つの大きなフォームを作成しても何も機能していなかったので、onclick = "<％@ choice =" paper "％>"を入力してみました。何か助けてくれてありがとう。

Answer 1

選択変数は、現在のページ内でのみ使用されます。いずれかの画像がクリックされる前でも。

1つのフォームを使用してください。ボタンを使用します。彼らに名前と価値を与えてください。フォームハンドラとして機能するサーバー側プログラムのフォームデータを読み込みます。

my $choice = $c->request->params->{choice}; 

サーバーサイド言語の選択に応じて仕様：

<form action="/result"> 
    <button id="rock_button" class="slideRight" name="choice" value="rock"> 
     <img src="http://i.imgur.com/XT41ZXk.jpg" alt="Rock"> 
    </button> 

    <button id="paper_button" class="slideUp" name="choice" value="paper"> 
     <img src="http://i.imgur.com/r1GckhD.jpg" alt="Paper"> 
    </button> 

    <button id="scissors_button" class="slideLeft" name="choice" value="scissors"> 
     <img src="http://i.imgur.com/ttUlD5y.jpg" alt="Scissors"> 
    </button> 
    </form> 

次に、/結果のURLを扱うプログラムでは、あなたはの線に沿って何かをするだろう。