每次单击按钮后如何从mysql数据库中逐行获取价值？

debugcn 发表于 Dev

明亮的

我想通过单击mysql数据库表中的按钮来一个个地回答问题。每个问题都是一行，希望通过单击下一行中的“下一个”按钮来获得下一个问题。我已经编写了这段代码，但这仅在数据库第一行的表中显示了第一个问题。我的html代码是：

<span ng-repeat="record in records" id="next">  
 <p id="hello">{{record.ques_no}}.
{{record.question}}</p>
<p><input type="text" ng-model="ans" id="ans" value=""></p>
<p align="center"><a href="#next" id="nex" class="ui-btn ui-corner-all ui-btn-inline" onclick="">Next</a></p>
 </span>

从数据库中获取价值的php代码是：

$result=mysqli_query($con,"SELECT * FROM quest limit 1");
$record=array();
$number = 0;
while($row =mysqli_fetch_array($result))
{
 $record[] = array(
'ques_no'=> $row['ques_no'],
'question'=> $row['question'],
'answer'=> $row['answer']
);
$number++;
}

摇篮

<html>
    <head>
    <style>
    .invisible{
    display:none;
    }

    .visible{
    display:visible;
    }
    </style>
    <script src="js/jquery.min.js"></script>
    <script>$(function() 
    {
        $( "#button" ).click(function()
        {
            $( "div.container div.invisible" ).first().addClass( "visible" ).removeClass("invisible");
        });
    });
    </script>
    </head>
    <div class="container">
        <div class="invisible">1</div>
        <div class="invisible">2</div>
        <div class="invisible">3</div>
        <div class="invisible">4</div>
        <div class="invisible">5</div>
        <div class="invisible">6</div>
        <div class="invisible">7</div>
        <div class="invisible">8</div>
        <div class="invisible">9</div>
        <div class="invisible">10</div>
    </div>
    <input type="button" id="button"/>
</html>