Question

这可能吗？我有2个div。其中一个带有取消和提交按钮（edit_cancel和edit_save），另一个带有div和textarea（description和description_edit）。 div包含用户的描述。文本区域用于写入我将要在数据库中导入的新描述，然后单击提交按钮。

这是代码。但我不知道如何获得textarea值点击提交按钮。

<div id="user_profile">
    <img src="include/images/videos/profile-background.jpg" />
    <a id="changeBackground"><i class="fa fa-camera awesome"></i></a>

    <div class="profile">
        <img src="<?php DataBase::PrintImagenPerfil(); ?>" />
            <a id="changeProfile"><i class="fa fa-camera awesome"></i></i></a>
    </div>

    <div class="edit_profile">
        <div class="edit_buttons">
            <form action="perfil.php" method="POST">
                <input type="button" id="edit_cancel" name="edit_cancel" class="btn" value="Cancelar" />
                <input type="submit" id="edit_save" name="edit_save" class="btn" value="Guardar" />
            </form>
        </div>
        <a id="edit_profile_btn" class="btn">Editar perfil</a>
    </div>
</div>

<div id="user_info">
<div class="left">
    <h4 class="brandom-title"><?php DataBase::PrintNombreUsuario(); ?></h4>
    <p class="user_info brandom-title">Creado el <span><?php DataBase::PrintFechaCreacion(); ?></span></p>
    <p class="description"><?php DataBase::PrintDescripcion(); ?></p>
    <textarea id="description_edit" name="description_edit" cols="40" rows="6" aria-required="true"><?php DataBase::PrintDescripcion(); ?></textarea>
</div>

<div class="right">
    <h4 class="brandom-title"><i class="icon-group awesome"></i><?php DataBase::PrintSeguidores(); ?></h4>
    <div class="heart"><i class="fa fa-heart awesome"></i></div>
</div>
</div>

Answer 1

您可以在表单中使用隐藏的输入：

<form>
    ...
        <textarea id="hidden_textarea" name="hidden_textarea" hidden></textarea>
    ...
</form>

然后使用javascript＆＃39; onchange事件与textarea description_edit

一起更新

例如：

document.getElementById("description_edit").onchange = function() {
    document.getElementById("hidden_textarea").value = document.getElementById("description_edit").value;
}

http://jsfiddle.net/jofish999/8ab0jrg5/

单击textarea值，单击不在同一表单中的提交

1 个答案: