onclick attribute not binding in html code while wrote inside a json data

Question

i have to add dynamic onclick attribute while data adding dynamically.

var jsondata = {
        jsonarray : [
                {data : '<button onclick="function("param")">submit</button>'}
        ]
}

$('#id').html(jsondata.jsonarray[i].data);

onclick attribute no binded in html code. if is there any other alternative please provide me. anyone help me on this.

Barmar · Accepted Answer · 2020-04-28 06:21:08Z

1

The " before param is matching the " that starts the onclick attribute, so it's just onclick="function(". You need to use a different quote around the parameter than you use around the attribute.

var jsondata = {
  jsonarray: [{
    data: '<button onclick="function(\'param\')">submit</button>'
  }]
}

$('#id').html(jsondata.jsonarray[i].data);

answered Apr 28, 2020 at 6:21

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Collectives™ on Stack Overflow

onclick attribute not binding in html code while wrote inside a json data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related