Javascript 在jquery append标记中设置js变量

我使用这段代码使用GoogleMapsAPIv3向GoogleMap添加一个标记，并打开一个用户可以填充的对话框

$('#map_canvas').gmap().bind('init', function(event, map) {
    $(map).click(function(event) {
        $('#map_canvas').gmap('addMarker', {
            'position': event.latLng,
            'draggable': true,
            'bounds': false
        }, function(map, marker) {
            $('#dialog').append('<form id="dialog' + marker.__gm_id + '" name="dialog" method="get" action="/" style="display:none;"><p><label for="country">Country</label><input id="country' + marker.__gm_id + '" class="txt" name="country" value=""/></p><p><label for="state">State</label><input id="state' + marker.__gm_id + '" class="txt" name="state" value=""/></p><p><label for="address">Address</label><input id="address' + marker.__gm_id + '" class="txt" name="address" value=""/></p><p><label for="comment">Comment</label><textarea id="comment' + marker.__gm_id + '" class="txt" name="comment" cols="40" rows="5"></textarea></p></form>');
            findLocation(marker.getPosition(), marker);
        }).dragend(function(event) {
            findLocation(event.latLng, this);
        }).click(function() {
            openDialog(this);
        });
    });
});

并将附加行更改为

$('#dialog').append('<form id="dialog'+i+'" name="dialog" method="get" action="/" style="display:none;"><p><label for="country">Country</label><input id="country'+i+'" class="txt" name="country" value=""/></p><p><label for="state">State</label><input id="state'+i+'" class="txt" name="state" value=""/></p><p><label for="address">Address</label><input id="address'+i+'" class="txt" name="address" value=""/></p><p><label for="comment">Comment</label><textarea id="comment'+i+'" class="txt" name="comment" cols="40" rows="5"></textarea></p></form>');

$（“#dialog”）。追加（“国家
州
地址
评论
”）；

这不管用；对话框不再显示。 我的目标是拥有唯一的表单标识符，例如“dialog1”、“dialog2”等等

---

请帮助

您应该声明

var i=0

超出函数的范围，并在每次追加新对话框时将其递增1：

var i = 0;
$('#map_canvas').gmap().bind('init', function(event, map) {
    $(map).click(function(event) {
        $('#map_canvas').gmap('addMarker', {
            'position': event.latLng,
            'draggable': true,
            'bounds': false
        }, function(map, marker) {
            $('#dialog').append('<form id="dialog' + i + '" name="dialog" method="get" action="/" style="display:none;"><p><label for="country">Country</label><input id="country' + i + '" class="txt" name="country" value=""/></p><p><label for="state">State</label><input id="state' + i + '" class="txt" name="state" value=""/></p><p><label for="address">Address</label><input id="address' + i + '" class="txt" name="address" value=""/></p><p><label for="comment">Comment</label><textarea id="comment' + i + '" class="txt" name="comment" cols="40" rows="5"></textarea></p></form>');
            findLocation(marker.getPosition(), marker);
            i++;
        }).dragend(function(event) {
            findLocation(event.latLng, this);
        }).click(function() {
            openDialog(this);
        });
    });
});

var i=0；
$（'#map_canvas'）.gmap（）.bind（'init'，函数（事件，映射）{
$（映射）。单击（函数（事件）{
$（'map#u canvas'）.gmap（'addMarker'{
“位置”：event.latLng，
“可拖动”：是的，
“边界”：false
}，功能（地图、标记）{
$（'dialog'）。追加（'Country
State
Address
Comment
'）；
findLocation（marker.getPosition（），marker）；
i++；
}).dragend（功能（事件）{
查找位置（event.latLng，this）；
})。单击（函数（）{
openDialog（this）；
});
});
});

var i = 0;
$('#map_canvas').gmap().bind('init', function(event, map) {
    $(map).click(function(event) {
        $('#map_canvas').gmap('addMarker', {
            'position': event.latLng,
            'draggable': true,
            'bounds': false
        }, function(map, marker) {
            $('#dialog').append('<form id="dialog' + i + '" name="dialog" method="get" action="/" style="display:none;"><p><label for="country">Country</label><input id="country' + i + '" class="txt" name="country" value=""/></p><p><label for="state">State</label><input id="state' + i + '" class="txt" name="state" value=""/></p><p><label for="address">Address</label><input id="address' + i + '" class="txt" name="address" value=""/></p><p><label for="comment">Comment</label><textarea id="comment' + i + '" class="txt" name="comment" cols="40" rows="5"></textarea></p></form>');
            findLocation(marker.getPosition(), marker);
            i++;
        }).dragend(function(event) {
            findLocation(event.latLng, this);
        }).click(function() {
            openDialog(this);
        });
    });
});