JSON - 根据用户输入更改键值对

时间:2014-07-10 03:22:28

标签: javascript json

我正在尝试获取用户输入并将其作为我正在构建的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>

3 个答案:

答案 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);
}

详细了解HTML Input element: MDN Docs