使用javascript或Jquery获取textarea文本 [英] Get textarea text with javascript or Jquery
问题描述
我有一个包含textarea的iframe，如下所示：
< html>
< body>
< form id =form1>
< div>
< / div>
< / form>
< / body>
< / html>
我想要在父页面中获取textarea文本。我试过这个：
var text = $（'＃frame1'）。contents（）。find（'＃area1 ）.VAL（）;
但是返回一个空字符串。但是，如果我在标签内放置了一个值，则该值将成功返回：
< textarea id =area1rows =15 >东西< / textarea的>
如何从包含iframe的页面获取textarea的值？
阅读< textarea> 的内容：
var text1 = document.getElementById（'myTextArea'）。value; //纯JavaScript
var text2 = $（＃myTextArea）。val（）; // jQuery
写入< textarea> '：
document.getElementById（'myTextArea'）。value ='new value'; //纯JavaScript
$（＃myTextArea）。val（'new value'）; // jQuery
h1>不要使用 .html（）或 .innerHTML ！ jQuery的 .html（）和JavaScript的 .innerHTML 不应该被使用，因为它们不会改变到textarea的文本。
当用户在textarea上键入时， .html（）不会返回类型值，但最初的一个 - 检查演示在上面举一个例子。
I have an iframe that contains a textarea, like so:
<html>
<body>
<form id="form1">
<div>
<textarea id="area1" rows="15"></textarea>
</div>
</form>
</body>
</html>
I want to get the textarea text in the parent page. I've tried this:
var text = $('#frame1').contents().find('#area1').val();
But an empty string is returned. However if I put a value within tags this value is returned successfully:
<textarea id="area1" rows="15">something</textarea>
How can I get the value of the textarea from the page which contains the iframe?
READING the <textarea>'s content:
var text1 = document.getElementById('myTextArea').value; // plain JavaScript
var text2 = $("#myTextArea").val(); // jQuery
WRITING to the <textarea>':
document.getElementById('myTextArea').value = 'new value'; // plain JavaScript
$("#myTextArea").val('new value'); // jQuery
Do not use .html() or .innerHTML!
jQuery's .html() and JavaScript's .innerHTML should not be used, as they do not pick up changes to the textarea's text.
When the user types on the textarea, the .html() won't return the typed value, but the original one -- check demo fiddle above for an example.
这篇关于使用javascript或Jquery获取textarea文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
