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

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

• javascript
• object
• input
• properties

• Try to add a button or at least a change listener to monitor change in input and then update foo by getting new value entered in text box. – Harry Joy Commented Sep 12, 2016 at 18:17

2 Answers 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./jsref/prop_text_value.asp

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

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