如何在按鈕單擊中保存數組中可編輯的div內容

我正在使用html和php創建一個網頁，我想在其中顯示一些問題並獲取用戶的答案。目前，可以說我有這樣的如何在按鈕單擊中保存數組中可編輯的div內容

<?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>

，我的問題是，我怎麼能存儲用戶的答案上單擊下一步按鈕，每個問題顯示出他的下一個問題之前，以便將這些答案存儲到我的數據庫中？

任何建議，將不勝感激。

感謝。

來源

2016-05-18 Omen

試圖讓json數組的問題和他們的答案，處理後發送json數組到服務器保存數據。（聯機編輯樣式） –

嗨Ranjeet辛格和感謝信息。你能舉個例子說明你的意思嗎？ – Omen

Javascript可以直接發佈到您的php服務器，而無需重新加載頁面。它通過使用ajax（純javascript）或jquery ajax完成。

來源

2016-05-18 09:36:08

嗯，這可能是一個解決方案，但我有另一個按鈕（後退按鈕），所以用戶可以返回到上一個問題，並改變他的答案。 – Omen

沒問題，那麼你只需重新發布和更新數據庫 –

如何在按鈕單擊中保存數組中可編輯的div內容

回答

相關問題