Jakob
Jakob

Reputation: 3546

Add dynamic jquery data into appended html

How to put calEvent.id into #id in appended html?

$("#id").val(calEvent.id);
if(calEvent.status == 'open') {
    $('#append .appact').remove();
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='id'><br/><input type='submit' name='submit'></form></div>");
}

Upvotes: 0

Views: 41

Answers (2)

hjpotter92
hjpotter92

Reputation: 80629

$('#append').append(
    $("<div />", {
        'class': 'appact'
    }).append(
        $('<form />', {
            id: 'update'
        }).append(
            $('<input />', {
                type: 'hidden',
                name: 'id',
                id: 'id',
                value: calEvent.id    // Notice here
            }),
            $('<input />', {
                type: 'submit',
                name: 'submit'
            })
        )
    )
);

Upvotes: 1

clami219
clami219

Reputation: 3038

If I correctly understood what you need this should work:

$("#id").val(calEvent.id);
if(calEvent.status == 'open') {
    $('#append .appact').remove();
    $('#append').append("<div class='appact'><form id='update'><input type='hidden' name='id' id='"+calEvent.id+"'><br/><input type='submit' name='submit'></form></div>");
}

Upvotes: 2

Related Questions