【问题标题】:Getting updated textarea content with jQuery使用 jQuery 获取更新的 textarea 内容
【发布时间】:2013-08-12 08:57:18
【问题描述】:

我有一个 textarea 元素,其内容由 jQuery 动态创建,由用户编辑,然后通过 AJAX 发送到其他地方。然而,据我所知,用户所做的更改实际上并没有影响 DOM 级别的 textarea 的内容,因为 jQuery/AJAX 仍然看到的是初始版本而不是编辑后的版本。

有没有办法获取当前用户编辑的 textarea 内容版本?

编辑:好的,我已经解决了我的问题。我一直在尝试使用 $('#myTextarea').text() 或 $('#myTextarea').html() 来获取值,因为 textarea 没有 value 属性,但显然 jQuery 的 .val( ) 仍然是正确的方法。

【问题讨论】:

  • 您目前如何获取文本区域的内容?
  • 你能显示一些代码吗?您使用的是 textarea 还是文本编辑器?
  • 你在使用像 CodeMirror 这样的库吗?

标签: javascript html jquery dom


【解决方案1】:

这将不断返回文本区域的内容(使用 jQuery):

HTML

<textarea id="area"></textarea>
<div id="out"></div>

JavaScript:

var value;
$("#area").on("keyup", function(event) {
  value = $(this).context.value;
  $("#out").html(value);
});

JSFiddle here.

【讨论】:

  • 这似乎没有返回任何内容,甚至没有返回初始内容。考虑到 textareas 没有 value 属性,您确定这应该有效吗?
  • 嗯,它对我有用,然后就不行了。我更新了示例并添加了一个 JSFiddle。如果它不起作用,请告诉我。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-20
  • 2023-03-09
  • 1970-01-01
  • 2016-12-29
  • 1970-01-01
  • 2012-01-08
相关资源
最近更新 更多