Question

我正在使用html和php创建一个网页，我想在其中显示一些问题并获得用户的答案。目前，假设我有像这样的数组中的问题

<?php 
$questions = array(
    '0' => array(
        'id'=>1,
        'q'=>'Test1'
    ),
    '1' => array(
        'id'=>2,
        'q'=>'Test2'
    ),
    '2' => array(
        'id'=>3,
        'q'=>'Test3'
    ),
    '3' => array(
        'id'=>4,
        'q'=>'Test4'
    ),
    '4' => array(
        'id'=>5,
        'q'=>'Test5'
    )
)
?>

我的页面中有以下div，

<div class="question">
    <h5 id="quest">
        <?php echo $questions[0]['q']; ?>
    </h5>
</div>

我使用以下按钮和js功能，以便在点击按钮时显示每个问题。

<button onclick="javascript:SwapDivs()">
     Next
</button>

<script>
var count = 1;
function SwapDivs() {
    var questions = <?php echo json_encode($questions); ?>;
    $(document).ready(function () {
        $("h5#quest").html(questions[count]['q']);
        count++;
    });
}
</script>

在我的问题div下面，我有一个像这样的可编辑div

<div class="editable" contenteditable="true" data-text="Write your answer."></div>

我的问题是如何存储用户＆＃39;在向他显示下一个问题之前，在下一个按钮点击时回答每个问题，以便将这些答案存储到我的数据库中？

任何建议都将受到赞赏。

感谢。

Answer 1

Javascript可以直接发布到您的php服务器，而无需重新加载页面。它是使用ajax（纯javascript）或jquery ajax完成的。

如何在按钮单击时保存数组中的可编辑div内容

1 个答案: