我正在尝试获取用户输入并将其作为我正在构建的json的一部分,我想要实现的是这样。
当用户填写文本框时,我可以获得该值并提醒它吗?但是目前我得到的输出只是“[object HTMLInputElement]”。
这是我的代码和小提琴:http://jsfiddle.net/u3a4f/ 任何评论建议表示赞赏:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
function Run() {
var x = document.getElementById("fruits");
var data = {"fruits": x};
alert(data.fruits);
}
</script>
</head>
<body>
<input id="fruits">
<button onClick="Run()">Run</button>
</body>
</html>
答案 0 :(得分:2)
使用.value
元素:http://jsfiddle.net/u3a4f/1/
function Run() {
var x = document.getElementById("fruits");
var data = {
"fruits": x.value
};
alert(data.fruits);
}
答案 1 :(得分:1)
使用它:
var x = document.getElementById("fruits").value;
编辑: document.getElementById返回一个javascript DOM元素对象。如果您希望访问任何属性,如id,class,value等,则必须使用&#34;。&#34;像类的操作符
document.getElementById("fruits").class
与获取元素的值类似(在这种情况下,元素是输入的,因此它具有value属性),您必须使用
document.getElementById("fruits").value
答案 2 :(得分:0)
试试这个
function Run() {
var x = document.getElementById("fruits").value;
var data = {"fruits": x};
alert(data.fruits);
}