Question

我在这里有问题。我想创建一个我已经完成的文本框。但我想要一个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>

请帮忙。谢谢。

Answer 1

没有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>

这是JSFIDDLE中的一个示例： http://jsfiddle.net/weinerk/Ln73L2zp/

Answer 2

试试这个：

<!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>

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

2 个答案: