Question

这里正在处理一个页面，我需要在一个表格标签中的textarea内的内容被传递到同一页面中的另一组表单标签我没有提交按钮来传递内容，请帮我这个如果在某处出错了，请原谅我，谢谢。

content.php

<?php
echo'
<form>
<div class="col-sm-12 form-group"><textarea rows="6" type="text" class="form-control" placeholder="Mail body" name="mail_body"></textarea></div>
//Without using submit button
</form>';
?>

pass_content.php

<?php
<form>
//pass the the content in above textarea in this form which is on the same page
</form>
?>

Answer 1

您可以使用jquery执行此操作。像这样：

＆＃13;

var $mail = $(".mail");

$(".email").keyup(function() {
    $mail.val( this.value );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<div class="col-sm-12 form-group"><textarea rows="6" type="text" class="form-control email" placeholder="Mail body" name="mail_body"></textarea></div>
</form>

<form>
<textarea rows="6" type="text" class="form-control mail" ></textarea>
</form>

＆＃13;

更新：您希望隐藏其他字段。

你jquery代码：

var $mail = $(".mail");

$(".email").keyup(function() {
   $mail.val( this.value );
});

这是你的HTML代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form> 
  <div class="col-sm-12 form-group">
    <textarea rows="6" type="text" class="form-control email" placeholder="Mail body" name="mail_body"></textarea>
  </div>
</form>

<form>
  <input type="hidden" class="mail" >
</form>

Answer 2

检查一下 -

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

    <script type="text/javascript">
        $( document ).ready(function() {
            console.log('document loaded');

            $( "#box-texarea" ).keyup(function() {
                console.log( "Handler for .keyup() called." );

                // Get data from textarea
                var userData = $(this).val();
                console.log('userData : '+userData);

                // Place data inside form
                $('#fm-userdata').html(userData);
            });
        });
    </script>
</head>
<body>
    <textarea placeholder="Place for textarea" id="box-texarea" style="width:500px; height: 100px;"></textarea>

    <br>
    <form id="fm-userdata" style="border: 1px solid #ccc;"></form>
</body>
</html>

如何在没有提交按钮的情况下将表单中的textarea内容传递到同一页面中的另一个表单

2 个答案: