Javascript 如何用html编写文本并使用onclick提交_Javascript_Html

Javascript 如何用html编写文本并使用onclick提交

javascript html

Javascript 如何用html编写文本并使用onclick提交,javascript,html,Javascript,Html,我这里有个问题。我想创建一个我已经完成的文本框。但是我也需要一个onclick函数来处理它。例如，如果我在文本字段中键入一些内容，然后单击“单击”按钮，我希望文本显示在站点的空白处。以下是当前代码： <html> <head> <title>The Worlds Story!</title> </head> <body> <h1>The Worlds Story</h1>

我这里有个问题。我想创建一个我已经完成的文本框。但是我也需要一个onclick函数来处理它。例如，如果我在文本字段中键入一些内容，然后单击“单击”按钮，我希望文本显示在站点的空白处。以下是当前代码：

<html>
<head>
    <title>The Worlds Story!</title>
</head>

<body>
    <h1>The Worlds Story</h1>
    <textarea name="message" rows="10" cols="30">
    Tell Your Story!
    </textarea>
<button onclick="myFunction()">Click me</button>
</body>
</html>


世界的故事！
世界的故事
讲你的故事！
点击我

请帮忙。谢谢。

试试这个：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append( $("#inp").val() );
  });
});
</script>
</head>
<body>

    <input id="inp"/>

<p>This is a paragraph.</p>

<button id="btn1">Append text</button>

</body>
</html>


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“p”）.append（$（“#inp”）.val（））；
});
});
这是一段
附加文本

不带JQuery：

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <input id="inp"/>

    <p id="par">This is a paragraph.</p>

    <button id="btn1" onclick="document.getElementById('par').innerHTML =  document.getElementById('inp').value;">Change text</button>

</body>
</html>


这是一个段落
更改文本

以下是JSFIDLE中的一个示例：

投票结束，因为没有提供代码，所以这里不是为随机的人免费编写代码，而是帮助那些已经有部分工作代码但遇到非常特殊问题的人使其工作。在阅读并尝试了一些自己的东西之后，请随时回来……或者至少显示您已经创建了文本框的代码。猜猜谁将获得圣诞节自动禁令？很抱歉，我无法添加我的代码。我几分钟前刚注册，对这个网站的工作方式并不熟悉：讲你的故事@JelzBellz去阅读Stackoverflow是如何工作的。我没有否决投票，但注意到这个问题没有用jQuery标签标记。down-voter，请添加一条评论解释你的投票，以便这个新用户能够理解他必须做些什么来改进。我也没有否决投票，但我认为这个答案需要更多的解释。显示的代码很简单，但OP是初学者。请注意，.innerHTML应该是，我建议附加事件侦听器，而不是使用onclick属性，但现在您可以使用它了。