Javascript调查问卷,一次显示一个表单元素

时间:2013-02-15 21:39:04

标签: javascript forms

我想制作一个包含各种问题的表单,然后使用javascript一次只显示一个问题。当用户按下提交每个问题时,新的问题似乎取而代之。在调查问卷的最后,将显示一条感谢信息。

这是我的代码到目前为止,当你按“下一步”然后“下一步”按钮消失时,我已经让它显示一个随机问题,我不知道为什么!

我也希望一旦提出所有问题就能停止。

HTML

<body>
<a href="#" onClick="nextQuestion()">Next</a>

<div id="TheQuestion">
    <form>
        <!--<label id="colour">What is your favourite colour?</label>-->
        <input type="text" name="answer">
    </form>

</div>


</body>
</html>

的Javascript

        var count = 0
        var questions = new Array 
        questions[0]= "What is your favorite color?" ;
        questions[1]="What is your favorite animal?";
        questions[2]="What is your favorite place?";



        function nextQuestion() { 

            count++; 
           if(count==questions.length) 
            {
                count=0; 
            }
            var question = questions [ Math.floor( Math.random() * questions.length ) ];
            document.write( '<div id="TheQuestion">' + question + '</div>' );


        }

0 个答案:

没有答案