Fatal编程技术网
  • php/
  • Php jquery提交到数据库1每次回答一个问题

Php jquery提交到数据库1每次回答一个问题

php jquery

Php jquery提交到数据库1每次回答一个问题,php,jquery,Php,Jquery,我已经使用php构建了一个测验，目前答案一次显示全部，我想知道是否可以使用jquery一次显示两个答案，并使用一个提交按钮将用户答案插入数据库 当前我的代码如下所示： <?php //retreive questions from database and put into question box $query2 = "SELECT `QuestionId`, `Question`, `Opt1`, `Opt2`, `Opt3`, `Opt4`,`Answer` FROM `pf_qu

我已经使用php构建了一个测验，目前答案一次显示全部，我想知道是否可以使用jquery一次显示两个答案，并使用一个提交按钮将用户答案插入数据库

当前我的代码如下所示：

<?php
//retreive questions from database and put into question box

$query2 = "SELECT `QuestionId`, `Question`, `Opt1`, `Opt2`, `Opt3`, `Opt4`,`Answer` FROM `pf_questions`";

$question2 = mysql_query($query2);

while($row = mysql_fetch_array($question2)){

    $id         = $row['QuestionId'];
    $question   = $row['Question'];
    $opt1       = $row['Opt1'];
    $opt2       = $row['Opt2'];
    $opt3       = $row['Opt3'];
    $opt4       = $row['Opt4'];
    $answer     = $row["Answer"];

?>
<div id="ContainerQuestion">
    <span class="Question">Question <?php echo $id; ?>. <?php echo $question; ?></span>

        <p><input type=radio name='q<?php echo $id; ?>' value="a" <?php if($opt1=='a') echo "checked='checked'"' ?>> <?php echo $opt1; ?> </p>
        <p><input type=radio name='q<?php echo $id; ?>' value="b" <?php if($opt1=='b') echo "checked='checked'"' ?>> <?php echo $opt2; ?> </p>
        <p><input type=radio name='q<?php echo $id; ?>' value="c" <?php if($opt1=='c') echo "checked='checked'"' ?>> <?php echo $opt3; ?> </p>
        <p><input type=radio name='q<?php echo $id; ?>' value="d" <?php if($opt1=='d') echo "checked='checked'"' ?>> <?php echo $opt4; ?> </p>


</div>
<?php
}

?>


问题。

'value=“b”'value=“c”'value=“d”您需要使用Ajax。首先，根据您的标准提出2个问题。然后点击一个按钮获取下一个问题（当然，在从上一个问题中选择一个选项作为ans之后）。您需要传递一些数字，告诉php脚本接下来需要获取哪些记录。您可以使用。
我构建了一个快速页面，其中包含一个简单的javascript结构，这是使您走上正确道路所必需的。只需将粘贴复制到记事本文件中另存为html运行并单击提交


<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <style>
        .Question{
            display:none;
        }
    </style>
</head>
<body>
    <div id="container">
        <p id="1" class="Question">Question 1</p>
        <p id="2" class="Question">Question 2</p>
        <p id="3" class="Question">Question 3</p>
        <p id="4" class="Question">Question 4</p>
        <button id="submit">Submit</button>
    </div>
</body>
<script>
    var AmountToRevealPerItteration = 2;
    var currentIndex=0;
    var questions;
    $(document).ready( function (){
        questions = $("#container").find('.Question').toArray();
        $('#submit').click(function(e){
        for(var counter = 1;counter <= AmountToRevealPerItteration;counter++){
            revealQuestion();
        }
        });
    });

    function revealQuestion(){
        if(currentIndex == questions.length){
            return;
        }
        $(questions[currentIndex]).attr('style','display:block');
        currentIndex++;
    }
</script>




.问题{
显示：无；
}
问题1

问题2

问题3

问题4

提交
var AmountoreVealPeritation=2；
var currentIndex=0；
var问题；
$（文档）.ready（函数（）{
questions=$（“#容器”）.find（'.Question'）.toArray（）；
$（“#提交”）。单击（函数（e）{

对于（var counter=1；计数器可以使这个问题消失，然后问题2出现在它的位置上吗？你只需在显示前添加一个方法，隐藏页面上的所有问题哦哦哦，我已经这样做了-太棒了，我怎么能让按钮说出第一个和最后一个问题而不是提交？只要放一个if语句，如果你在第一页忙的话t将文本改为第一个问题，如果你在数组中的最后一个问题上，则将文本改为最后一个问题