如何用户输入对象属性和键

时间:2015-04-18 01:24:15

标签: javascript html

我手里拿着一个非常罕见的问题。我需要用户输入对象的键和属性。

我有input

<input type="text">
<input type="button" value="enter">

我的js:
将文本输入,然后将其存储在var input中 例如,如果用户输入“hello”,那么......

var myObj = {
  hello: "hello"
}

有办法吗?
感谢

2 个答案:

答案 0 :(得分:1)

这样的东西?

https://jsfiddle.net/mjjLxqnr/3/

<强> HTML:

<input type="text" id="yourInput">
<input type="button" value="Enter" id="enterBtn">

<强> JavaScript的:

var obj = {},
    enterBtn = document.getElementById('enterBtn'),
    yourInput = document.getElementById('yourInput');

enterBtn.onclick = function () {
    var input = yourInput.value;
    // Don't add anything to the obj if the input is empty.
    if(!input) return;
    // Use brackets to add a property to the obj, and set the value to be the same
    // as the property name.
    obj[input] = input;
    console.log(obj);
};

答案 1 :(得分:0)

您需要使用括号表示法:

如果要将输入存储在名为input的变量中,则执行此操作:

var myObj = {};
obj[input] = input;