javascript - 将 textarea 内容转储到 JS 警报中？

Question

因此，我有一个使用 TinyMCE 编辑器的表单，出于调试目的，我希望在提交时将 textarea 的内容转储到一个简单的 JS 警报框中：

<form method="post" action="somepage">
    <textarea name="content" style="width:50%"></textarea>
    <p>
    <input type="submit" value="Submit">
</form>

你知道我是怎么做到的吗？万分感谢！G

Answer 1

原始 JavaScript 中的类似内容。正如其他人所说，console.log这对调试非常有帮助 - 但如果你想要一个警报......

var input = document.getElementsByTagName("input")[0];

input.addEventListener("click", 
                       function (event) {
                           event.preventDefault(); // Remove this to make the event actually go through.
                           var textBox = document.getElementsByName("content")[0];
                           alert(textBox.value);
                       }, 
                       false);

演示

Answer 2

<form method="post" action="#">
    <textarea name="content" class="textarea-test" style="width:50%"></textarea>
    <input type="submit" value="Submit">
    <br>
    <a href="#" class="test-link">click me</a>
</form>

$(document).on("click", "test-link", function () {
     console.log($(".textarea-test").val());
});

不要忘记加载 jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

并查看这个答案。