jquery - jquery代码没有设置变量

Question

有这些简单的线条，其中我有一个 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>

Answer 1

我认为这可能对您的代码有所帮助我不知道为什么您有 style="display:none"。它不会在 div 中显示任何内容。所以我在我的代码中删除它。

现场演示点击这里

HTML

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

江青

$(document).ready(function(){

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

 });

对于现场演示，请单击此处 如果这是您需要的，请回复..