我有一个包含文本区域和提交按钮的HTML表单。 以及获取文本区域值的 JS 脚本。
我面临的问题是,当我在文本区域中键入文本并点击提交时,文本区域值为空。但是,如果我将文本硬编码到文本区域中,则会返回硬编码值。如果我擦除硬编码值并删除硬编码值并在我自己的类型中键入,则仍然返回硬编码的 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();
});
请注意上面的文本区域如何预加载"类型"。这是返回值。如果我将其留空,请在表单中键入我自己的文本并点击提交,控制台日志将显示内容值为空。
我也试过这个(使用文本区域 ID)
var contents = $("#editBox").val();
我假设问题出在开机自检上。因为当我按回车键时,我输入的文本被替换为"类型"(预加载的文本)。
开机自检会干扰它吗?我还能如何检索值?
我不确定实际问题,但在过去的几天里我注意到了一些奇怪的事情。 console.log()
在像这样的少数情况下不适用于 chrome。可能是萤火虫虫?无论如何,将console.log()
替换为alert
并从textarea
中删除默认值。
更新的小提琴:http://jsfiddle.net/eVmQ9/2/
这似乎适用于chrome和Firefox。