如何使用javaScript / jQuery將變量寫入輸入字段？

Question

我在div #foo中有輸入框#bar。 輸入框#bar的值為“ bar”

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

我想使用jQuery將#bar的值從“ bar”更改為“ foobar”。

我在stackoverflow上看到了這個問題： 在html輸入字段（文本框）中插入javascript（jquery）變量

並嘗試了以下jQuery：

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

我肯定錯過了什么。 我嘗試搜索google，但是正如上面的帖子所述，它不是很有幫助。 這是小提琴的鏈接。

Answer 1

沒有名為data的變量，您只有一個名為fooBar的變量

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

演示： 小提琴