javascript - contenteditable="true"無法提交到php,該怎麼辦?
三叔
三叔 2017-07-04 13:46:04
0
2
1146

最近在開發一個富文本編輯器,考慮到textarea只能輸入文本,所以我用p的contenteditable="true"屬性實現了富文本,可以插入圖片,視頻等。

但是問題來了,在表單頁:

<form action="test.php" method="post">
<p contenteditable="true" name="zhengwen"></p>
<input type="submit">
</form>

這樣做,p裡面的內容,根本就無法提交到test.php頁面的,echo $_POST[zhengwen];是沒輸出的。

我懷疑根本就沒有提交過來。

大家知道怎麼解決嗎?求表單提交頁面和接收頁面的簡單程式碼! ! !

三叔
三叔

全部回覆(2)
洪涛

確實是沒提交過去,因為,表單裡的提交按鈕,只提交表單元素。而

並非表單元素。

如果要將

的資訊提交過去,需要自己構造POST請求,我就以jQuery為例:

$('form').submit(function(e) {
    e.preventDefault(); // 拦截HTML的默认表单提交

    var content = $('p[name=zhengwen]').html();
    $.post('....', {zhengwen: content}, functino(data) {
        // 成功回调
    });
});

當然了,jQuery的POST提交還有好多種寫法,例如$.ajax()等。

PHP端接收時,和平常一樣讀取$_POST就可以了。

学霸

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!