javascript - 如何将该表格分为两个值

在提交之后，我怎么能得到两个值呢，好吧，我想知道我怎么能得到隐藏值和另一个包含div文本的值呢？？这是因为我要在不同的变量中插入这两个值以插入到mysql查询中
html代码：

<form action="" method="POST" onsubmit="return insert_value()">
    <input id="hidden_data" name="data" type="hidden" value="<?php $user_id ?>"/>
        <div id="showing_data" class="commenttext" contenteditable="true"></div>
    <input type="submit" value="Submit" id="submitthis" />
</form>

Javascript代码：

function insert_value()
{
  var values = [];
    values.push(document.getElementById('hidden_data').value);
    values.push(document.getElementById('showing_data').textContent);
    console.log(values);
  return true;
}

最佳答案

将div替换为textarea并禁用使用css调整大小：

textarea {
    resize: none;
}

为了回答你真正的问题，但是稍微修改一下；不要把它们合并到一个输入中，而是创建另一个隐藏的输入。
在HTML中添加此行：

<input type="hidden" name="data_result" id="data_result" />

以及你的javascript代码：

function insert_value()
{
    var html = document.getElementById('showing_data').textContent;
    document.getElementById('data_result').value = html;
    return true;
}