獲取textarea的值返回未定義

Question

我有一個html表單和一個js腳本，可獲取textarea的值。 但是，當我使用javascript獲取textarea的值時，它將返回“ undefined”。 我有以下幾點：

<!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() {
document.write("hello motto");
var message = "start js";
console.log(message);
var contents = $("#editBox");
var a = contents.val();

if(a === 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("you have arrived"); 
document.write(obj2.id);    
});
}

$(document).ready(function () {

add();  

});

我嘗試了以下方法來獲取textarea的值：

var content = $("#editBox").val();

和

var contents = $("textarea#editBox").val();

使用我嘗試的每種方法，textarea的val始終是不確定的。

是否有另一種方法來檢索文本區域的值？

Answer 1

在關閉的document.write上運行document.write將打開一個新文檔，並破壞現有文檔的DOM。

這會破壞textarea，因此當您嘗試檢索它以獲取值時，它不存在。

刪除行document.write("hello motto"); 。

使用DOM操作來編輯現有文檔，而不是編寫新文檔。

獲取textarea的值返回未定義

問題描述

1 個解決方案

解決方案1
3 已采納 2013-10-04 16:08:45

獲取textarea的值返回未定義

問題描述

1 個解決方案

解決方案1 3 已采納 2013-10-04 16:08:45

解決方案1
3 已采納 2013-10-04 16:08:45