从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

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

所以这将导致

{“Wisconsin”：“Madison”，“Illinois”：“Springfield”，“newValue”：输入值的字段

}

这是一个工作小提琴

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/