javascript - 使用 JavaScript 或 jQuery 获取文本区域文本

标签 javascript jquery html textarea

我有一个包含文本区域的 iframe,如下所示:

<html>
<body>

<form id="form1">
<div>
    <textarea id="area1" rows="15"></textarea>
</div>
</form>

</body>
</html>

我想获取父页面中的textarea文本。我试过这个:

var text = $('#frame1').contents().find('#area1').val();

但是返回一个空字符串。但是,如果我在 <textarea> 标签中放置一个值,该值将成功返回:

<textarea id="area1" rows="15">something</textarea>

如何从包含 iframe 的页面获取 textarea 的值?

最佳答案

阅读 <textarea>的内容:

var text1 = document.getElementById('myTextArea').value;     // plain JavaScript
var text2 = $("#myTextArea").val();                          // jQuery

正在写入 <textarea> :

document.getElementById('myTextArea').value = 'new value';   // plain JavaScript
$("#myTextArea").val('new value');                           // jQuery

See demo JSFiddle here.

不要使用.html().innerHTML !

jQuery 的 .html()和 JavaScript 的 .innerHTML不应使用,因为它们不会获取文本区域文本的更改。

当用户在文本区域中键入时,.html()不会返回键入的值,而是返回原始值——查看上面的演示 fiddle 示例。

关于javascript - 使用 JavaScript 或 jQuery 获取文本区域文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5831413/

相关文章:

javascript - 定位 div 中的所有链接 — Javascript

javascript - 当文本区域/输入模糊/失去焦点时仍然显示 div

javascript - 如何在数据表js中通过一条语句对多个表使用索引列?

javascript - slider 在 Chrome 上正确显示 CSS,但在 Firefox 和 IE 上不正确

html - CSS:制作一个DIV全屏宽高不改变里面绝对div的比例

javascript - HTML 页面上带有图像(带有黑色透明覆盖的框)的 jQuery 弹出窗口

javascript - 处理未正确执行的链式和内部 promise

javascript - 使用 jQuery draggable 将元素拖到可滚动的 div 之外

javascript - 第一个点击事件返回 false 后不要调用第二个点击事件

javascript - 如何在 contenteditable div 中设置光标位置