因此,我有一个使用 TinyMCE 编辑器的表单,出于调试目的,我希望在提交时将 textarea 的内容转储到一个简单的 JS 警报框中:
<form method="post" action="somepage">
<textarea name="content" style="width:50%"></textarea>
<p>
<input type="submit" value="Submit">
</form>
你知道我是怎么做到的吗?万分感谢!G
因此,我有一个使用 TinyMCE 编辑器的表单,出于调试目的,我希望在提交时将 textarea 的内容转储到一个简单的 JS 警报框中:
<form method="post" action="somepage">
<textarea name="content" style="width:50%"></textarea>
<p>
<input type="submit" value="Submit">
</form>
你知道我是怎么做到的吗?万分感谢!G
原始 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);
<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>
并查看这个答案。