从input.value添加对象属性

Question

假设我有一个状态为属性的对象和一个html输入文本字段。

<input id="input" type="text">

var foo = {
    "Wisconsin" : "Madison",
    "Illinois" : "Springfield"

}

如何使用输入文本字段向foo添加属性？ 我试过这个：

 foo[input.value] = input.value;

但当然它没有用......

感谢您的帮助

Answer 1

foo.newValue = input.value

您正在处理的是一个不是数组的对象。

所以这将导致

{     “威斯康星州”：“麦迪逊”，     “伊利诺伊州”：“斯普林菲尔德”，     “newValue”：VALUE-OF-INPUT-FIELD

}

Here is a working fiddle

Answer 2

要使用普通的javascript函数，您可以使用：

foo.input = document.getElementById('input').value;

或者您可以使用jQuery：

foo.input = $('#input').val();

输入框值属性：http://www.w3schools.com/jsref/prop_text_value.asp

jQuery .val（）：http://api.jquery.com/val/