Add object property from input.value

Question

Say I have an object with states as properties and an html input text field.

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

---

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

}

How can I add properties to foo using the input text field ? I tried this :

 foo[input.value] = input.value;

but of course it didn't work...

Thanks for your help

Answer 1

foo.newValue = input.value

You are dealing with an object not an array.

So this will result in

{ "Wisconsin" : "Madison", "Illinois" : "Springfield", "newValue" : VALUE-OF-INPUT-FIELD

}

Here is a working fiddle

Answer 2

To use normal javascript functions you can use:

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

Or you can use jQuery:

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

---

Input Box Value Property: http://www.w3schools.com/jsref/prop_text_value.asp

jQuery .val(): http://api.jquery.com/val/