返回的textarea值为空
返回的textarea值为空
提问于 2013-10-04 17:23:57
我有一个HTML表单，包含一个文本区域和提交按钮。和一个采用textarea值的JS脚本。
我面临的问题是，当我在textarea中键入文本并点击submit时，textarea值为空。但是，如果我将文本硬编码到文本区域，则返回硬编码值。如果删除硬编码值并删除硬编码值并键入自己的值，则仍然返回硬编码的vale。
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery/jquery-1.9.1.min.js"></script>
<script src="contentForm.js"></script>
</head>
<body>
<form method="post" >
<textarea name ="editor" id="editBox" rows="5" cols="2">type</textarea>
<p><input type="submit" id="submit" value="Submit"></p>
</form>
</body>
</html>JS
function add() {
$("#submit").click(function() {
var message = "start js";
console.log(message);
var contents = $("textarea").val();
if(contents === undefined) {
console.log("contents undefined");
}
console.log(contents);
var item = {"id":"12", "content": contents};
var obj = JSON.stringify(item);
var obj2 = JSON.parse(obj);
console.log(obj2.id);
console.log(obj2.content);
});
}
$(document).ready(function () {
add();
});请注意上面的文本区域是如何预先加载"type“的。这是返回的值。如果我把它保留为空，在表单中键入我自己的文本，然后点击submit，控制台日志显示内容的值为空。
我也尝试过这样做(使用文本区域id)
var contents = $("#editBox").val();我想问题就在邮报身上。因为当我点击enter时，我输入的文本将被替换为"type“(预装文本)。
会干扰它吗？否则，我如何检索该值？
回答 1
Stack Overflow用户
发布于 2013-10-04 18:05:16
我不确定实际的问题，但是在过去的几天里我注意到了一些奇怪的事情。在像这样的几种情况下，console.log()在铬中不起作用。可能是个火虫吧？无论如何，将console.log()替换为alert，并从textarea中删除默认值。
更新小提琴：http://jsfiddle.net/eVmQ9/2/
这似乎适用于chrome和firefox。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19187254
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号