Question

我有3个html页面：第1个有一个单选按钮问题，第二个页面有第二个问题，第3个页面只显示/显示选择结果。（即，用户选择a）Apple）

html部分很简单，但我不知道如何编写javascript部分。

请帮忙。

Answer 1

尝试以下方法：

<script>
    function showQuestion()
    {
        document.getElementById("question2").style.display = 'inline';
    }
    function showResults()
    {
        document.getElementById("results").style.display = 'inline';
    }
</script>

<div id="question1">
    <select onchange="showQuestion()">
      <option value="0">Choose something</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
</div>

<div id="question2" style="display: none;">
    <select onchange="showResults()">
      <option value="0">Choose something</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
</div>

<div id="results" style="display: none;">

</div>

请注意，我没有使用多个页面，因为您需要一种方法来保存用户数据，即他选择的内容，并将其加载到另一个页面上。因此，您需要服务器端技术或一些客户端技巧来记住选择。

此外，jQuery是编写javascript的绝佳方式，编写速度更快，更容易完成任务。我上面的代码是纯粹的javascript。

如何使用javascript从单选按钮获取结果并在最后一页显示？

1 个答案: