Question

首先我是新来的，所以如果我犯了错误，请告诉我^^“

我尝试用php $ _POST获取div元素的内容，我真的不知道该怎么做。如果重要，我会使用MVC模式。我的div是可编辑的，答案框可以在页面上写一些东西。

<form action="index.php?page=addPost&topic_id={TOPIC_ID}" method="post">
     <div id="editor" name="editor">
        Lorem Ipsum...
     </div>
     <input type="submit" name="submit" value="senden" >
</form>

我不能只使用textarea，但我希望在div元素之间获取所有内容，例如

$text = $_POST['editor'];

可能吗？

Answer 1

使用ajax或只使用textarea表单元素

dictionary = dict(itertools.zip_longest(partial_data_frame["ID"], partial_data_frame[columnName]))
 partial_data_frame[columnName+"_tuple"] = dictionary.items()
 sorted_list = partial_data_frame[columnName+"_tuple"].sort(inplace=False)
 sorted_list = sorted(sorted_list,key=operator.itemgetter(1)) #to order by the 2nd value of tuple

Answer 2

您可以使用隐藏的textarea，并将div的内容添加到表单提交的textarea中：

<form action="index.php?page=addPost&topic_id={TOPIC_ID}" method="post" onsubmit="getEditorContents(this);">
     <div id="editor">
        Lorem Ipsum...
     </div>
     <textarea style="display:none;" name="editor"><!-- --></textarea>
     <input type="submit" name="submit" value="senden" >
</form>

<script>
function getEditorContents(form){
    var html = document.getElementById("editor").innerHTML;
    form.editor.value = html;
    return true;
}
</script>

Answer 3

以下是继续操作的方法：

<script>
    $(document).ready(function(){
        $("#myform").on("submit",function(e){
            e.preventDefault();  //Prevent default form submission
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    if (xmlhttp.responseText == "true") {
                        //success message
                    } else {
                        //error message
                    }
                }
            }
            xmlhttp.open("POST", "index.php", true);
            xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  //to maintain HTML format though you pass value through POST
            xmlhttp.send("page=addPost&topic_id="+$('#topicID').val()+"value=" + $('#editor').html());
        });
    });
</script>

使用表单进行小型返工：

<form id="myform" method="post">
     <div id="editor" name="editor">
        Lorem Ipsum... in WYSIWYG format
     </div>
     <input type="hidden" id="topicID" value="{TOPIC_ID}"/>
     <input type="submit" name="submit" value="senden" />
</form>

<div>中的PHP $ _GET内容

3 个答案: