How to write a variable to an input field with javaScript/jQuery?

Question

I have input box #bar inside of div #foo. The value of input box #bar is "bar"

<div id="foo">
    <input id="bar" type="text" name="bar" size="5" value="bar" style="width:200px"/>
</div>

I want to use jQuery to change the value of #bar from "bar" to "foobar".

and tried the below jQuery:

$(document).ready(function() {
    var fooBar = "foobar";
    $('#bar').val(data[0].fooBar);
});

I must be missing something. I tried searching google, but as the post above mentions it was not very helpful. here is a link to the fiddle.

Can you tell us why did you think data[0].fooBar should work — Arun P Johny
– Arun P Johny, Commented Mar 15, 2014 at 5:36
I am new to javascript. Did try to google, did search stackoverflow. Other stackoverflow post had data[0] in solution. Now I see that he must have been using an array somewhere. Thank you for your help — HelloWorld
– HelloWorld, Commented Mar 15, 2014 at 5:42

Arun P Johny · Accepted Answer · 2014-03-15 05:34:44Z

1

There is no variable called data, you have a variable called fooBar just use it

$(document).ready(function() {
    var fooBar = "foobar";
    $('#bar').val(fooBar);
});

answered Mar 15, 2014 at 5:34

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

This did work. The other poster must have been using the rest of the code for something else. Thank you!