如何使用javaScript / jQuery将变量写入输入字段？

Question

我在div #foo里面有输入框#bar。输入框#bar的值为＆＃34; bar＆＃34;

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

我想使用jQuery从＆＃34; bar＆＃34;更改#bar的值。 to＆＃34; foobar＆＃34;。

我在stackoverflow上看到了这个问题：Insert javascript (jquery) variable in html input field (textbox)

并尝试了下面的jQuery：

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

我一定错过了什么。我尝试搜索谷歌，但正如上面的帖子提到它不是很有帮助。 here是小提琴的链接。

Answer 1

没有名为data的变量，你有一个名为fooBar的变量只是使用它

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

演示：Fiddle