Question

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

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

你知道我能做到这一点吗？万分感谢！ ģ

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);

Demo

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>

并查看此answer。

将textarea内容转储到JS Alert中？

2 个答案: