Question

我怎么能在提交后得到两个值好的我想知道我怎么能有隐藏值和另一个包含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;
}

Answer 1

将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;
}

Answer 2

只需用textarea替换div并将style = "resize:none"添加到文本区域

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

并更改javascript中的以下行

document.getElementById('showing_data').value;

Answer 3

你可以把它变成textarea，你可以隐藏它的价值。

    <textarea id="showing_data"  rows="4" cols="50">

如果你不想被拖拽，只需在css中使用它

 textarea
{
 resize: none;
}

如何将此表单拆分为两个值

3 个答案: