将textarea的内容显示为div

时间:2015-06-12 10:27:35

标签: javascript jquery html css

我想创建一个textarea,通过单击按钮向div显示其内容。我写了一个简单的代码,它在div中看到的时间很短,但很快就会消失在div和textarea中。

我怎么能纠正它,因为现在我只是设计页面而我想制作答案样式所以我需要在div中查看内容而不将其连接到服务器。

<textarea class="inBox"></textarea><button class="btn">Send</button>

代码链接:jsfiddle

6 个答案:

答案 0 :(得分:3)

请参阅更新小提琴:

在点击功能中添加了以下代码:

 e.preventDefault();

防止页面重新加载/加载。

&#34; https://jsfiddle.net/h84qu8x3/12/&#34;

答案 1 :(得分:2)

return false;添加到方法的末尾,以防止后期操作或将输入类型更改为button

您的问题是通过点击提交按钮重新加载表单。

答案 2 :(得分:2)

添加

e.preventDefault();
onClick按钮事件中的

FiddleDemo

答案 3 :(得分:2)

使用以下代码

HTML

$(document).ready(function(){
$('.btn').on('click',function(){
var inpx= $('.inBox').val();
$('#mainbox').text(inpx);
});

JQuery的

from threading import Timer
def hello():
    print "hello, world"

t = Timer(30.0, hello)
t.start() # after 30 seconds, "hello, world" will be printed`

});

答案 4 :(得分:2)

JQuery的

XML

答案 5 :(得分:1)

默认情况下,declare @date datetime; set @date = null --declare @date datetime; set @date = '2015-01-01' select coalesce( convert( varchar(10), @date, 103 ), '') 的类型为class A(): # Class A Body class B(): # Class B Body class C(): # Class C Body class D(): # Class D Body def MakeObject(InheritedClassName): # InheritedClassName is a string def CheckClass(InheritedClass): if InheritedClass == "A": return A elif InheritedClass == "B": return B elif InheritedClass == "C": return C else: return D class WantedClass(CheckClass(InheritedClassName)): # WantedClass Body YourObject = WantedClass() return YourObject CreateObject = MakeObject(str(input("Chose A, B, C or D"))) ,因此提交FORM。将其类型设置为button

submit

-jsFiddle-