Writing javascript functions with dynamically created data

Question

I'm looking for a way to have a javascript/jquery function that references dynamically created html.

Essentially I have a form that is created dynamically through $('#list').append('an html form'). And then a function that looks something like:

function add_repo(id){
    $.ajax({
        url:'/add_project/',
        datatype:'json',
        data:{'name': $('#'+id).value()},
        success:function(data){
            alert(data);
        },
    })
}

where id is a dynamically created identifier for each form created by the jquery append function.

But add_repo() causes an error in the javascript as the jquery id identifiers don't exist initially. How should situations like this be handled?

both functions are currently in the head. moving the add_repo to the body solved the problem... that was easy enough. — Daniel Nill
– Daniel Nill, Commented Sep 3, 2011 at 3:18

Alon Eitan · Accepted Answer · 2011-09-03 03:14:14Z

1

change

data:{'name': $('#'+id).value()},

to

   data:{'name': $('#'+id).val()},

answered Sep 3, 2011 at 3:14

Alon Eitan

12k8 gold badges51 silver badges61 bronze badges

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

Comments

Hogan · Accepted Answer · 2011-09-03 03:13:09Z

0

Make a function that is called at runtime:

function add_repo(id){
    $.ajax({
        url:'/add_project/',
        datatype:'json',
        data:{'name': function() {
           return($('#'+id).value());
         }},
        success:function(data){
            alert(data);
        },
    })
}

answered Sep 3, 2011 at 3:13

Hogan

70.7k10 gold badges83 silver badges119 bronze badges

Collectives™ on Stack Overflow

Writing javascript functions with dynamically created data

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related