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总是设置为“剪刀”。无论点击哪张图片。我试过把onclick =“＆lt;％@ choice =”paper“％＆gt;”在输入中，没有任何运气，并为所有三个图片创建一个大表格，但没有任何工作。感谢您提供的任何帮助。

Answer 1

选择变量仅在当前页面中使用：甚至在点击任何图像之前。

使用一个表格。使用按钮。给他们一个名字和一个值。读取作为表单处理程序的服务器端程序中的表单数据。

  <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>

然后，在处理/ result URL的程序中，您将执行以下操作：

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

具体取决于您选择的服务器端语言。

Html选择最后一个变量选项

1 个答案: