变量没有被jquery代码设置

时间:2013-11-15 03:54:49

标签: jquery

有这些简单的行,我有一个带有id txtArea的textarea,我允许用户在淡入后填充文本,因为它是用style = diplay:none

初始化的
  var area = $('#txtArea');
  str = area.val();
  document.write("here i am" + str);

当打印出来时我只是“我在这里”为什么变量不是捕获输入?

包含txtArea的div的html是

</div>
<div id="newtext" style="display:none" >
<textarea rows="50" cols="200" id = "txtArea"  > </textarea>
<button class="btn2">SEE YOUR TEXT</button>

</div>

1 个答案:

答案 0 :(得分:1)

我认为这可能有助于你 在你的代码中我不知道为什么你有style =“display:none”。它不会在div中显示任何内容。所以我在我的代码中将其删除。

直播DEMO Click Here

HTML

<div id="newtext"  >
<textarea  id = "txtArea"  > </textarea>
<button class="btn2" id="btn">SEE YOUR TEXT</button>
</div>
<div id="yourtext">
</div>

JQ

$(document).ready(function(){

$("#btn").click(function () {
$("#yourtext").text("here i am "+$("#txtArea").val());
});

 });

直播DEMO Click Here  如果这是您需要的,请添加回复..