当用户点击'submit'- javascript或php - Create a new div with text from textarea above it when user clicks 'submit' - javascript or php

Create a new div with text from textarea above it when user clicks 'submit' - javascript or php

本文关键字：javascript php submit 用户 | 更新日期: 2023-09-26

我在问是否有人能给我一个简单的javascript代码，将由用户在文本区写入文本到一个新的div创建时，用户点击提交按钮。

格式如下:

       <form id="myForm" class="myForm" action="profile.php" method="post" target="hidden-form" >
Write text here: 
<textarea name="comment" id="comment" placeholder="comment here" rows="1" cols="40" ></textarea>
<input type="submit" name="submit" id="submit" value="submit" "/>
</form>
<IFRAME style="display:none" name="hidden-form"></IFRAME>

试一下:

<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">    </script>
<script type="text/javascript" >
    function updateDiv()
    {
        var x = $('#comment').val();
        $( "#UserCommentsDiv" ).append("<div>" + x + "</div>");
    }
</script>
</head>
<body>
    <form id="myForm" class="myForm" action="profile.php" method="post" target="hidden-form" >
        Write text here: 
        <textarea name="comment" id="comment" placeholder="comment here" rows="1" cols="40" ></textarea>
        <input type="submit" name="submit" id="submit" value="submit" onclick="updateDiv();"/>
    </form>
    <div id="UserCommentsDiv"></div>
    <IFRAME style="display:none" name="hidden-form"></IFRAME> 
</body>
</html>

演示

可以在profile.php中这样写

<?php 
$comment = $_POST['comment'];
?>

然后将它添加到你想要的div中。

<?php echo $comment; ?>

这是纯javaScript解决方案

<form >
<div id="container">
<textarea name="comment" id="comment" placeholder="comment here" rows="1" cols="40" ></textarea>
<br />
<input type="button" name="submit" id="submit" value="submit" onclick="storeData()"/>
</div>
</form>

javaScript

function storeData(){ var commentTag = document.getElementById('comment'); var newDiv = document.createElement('div'); newDiv.id = "result"; newDiv.innerHTML = commentTag.value; var submitTag = document.getElementById('submit'); parDiv = document.getElementById('container'); container.insertBefore(newDiv, submitTag); }

在form中使用时，输入类型应该是button而不是submit

招呼都是
<input type="button"
代替

<input type="submit"