從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/