How Can I concatenate a parameter string in javascript function on string in appended html?

Question

This is my code for html

 <div id="content"></div>

Then I append an inpunt to #content:

 $( document ).ready(function() {
  // Handler for .ready() called.
       var parameter = "<p>Hola</p>";
       $("#content").append('<div><p>click the button</p>'+
                     '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+  
                     '<input type="submit" name="submit_answers" value="Submit" onclick="'+getValue2(parameter)+'" >'+                        
                     '</div>');
});

function getValue2(parameter){
    alert(parameter);
}

function getValue(){
    alert("Hola");
}

The first input works very well, but the second input dosen´t work after document is ready. What´s the better way to declare a function in this case?

anvoz · Accepted Answer · 2013-10-23 18:14:37Z

6

You can try this:

'<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\'' + parameter + '\');" >'

answered Oct 23, 2013 at 18:14

anvoz

7221 gold badge9 silver badges20 bronze badges

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

Comments

Jason P · Accepted Answer · 2013-10-23 18:18:37Z

2

You could do this:

onclick="getValue2("' + parameter + '")"

But something like this would be better:

var $div = $('<div><p>click the botton</p></div>');
var $button = $('<input type="submit" name="submit_answers" value="Submit">')
    .data('parameter', parameter)
    .click(function () {
        getValue2($(this).data('parameter'));
    }).appendTo($div);

$("#content").append($div);

answered Oct 23, 2013 at 18:18

Jason P

27k3 gold badges34 silver badges45 bronze badges

Comments

Aurelin · Accepted Answer · 2013-10-23 18:15:22Z

1

Try this :

$( document ).ready(function() {
// Handler for .ready() called.
   var parameter = "<p>Hola new</p>";
   $("#content").append('<div><p>click the botton</p>'+
                 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue();" >'+  
                 '<input type="submit" name="submit_answers" value="Submit" onclick="getValue2(\''+parameter+'\');" >'+                        
                 '</div>');
});

answered Oct 23, 2013 at 18:15

Aurelin

7659 silver badges22 bronze badges

Comments

Timothy Alexis Vass · Accepted Answer · 2021-07-30 11:38:56Z

1

I think you probably just weren't separating correctly.

Try this example :

onclick= "mySup(\''+json.id+'\',\''+json.description+'\');"

edited Jul 30, 2021 at 11:38

Timothy Alexis Vass

2,7572 gold badges13 silver badges32 bronze badges

answered Aug 23, 2017 at 8:27

lajili houssem

597 bronze badges

Comments

ius · Accepted Answer · 2013-10-23 18:18:21Z

0

The second input should be something like that.

'<input type="submit" name="submit_answers" value="Submit" onclick="getValue2('+parameter+')" >'

answered Oct 23, 2013 at 18:18

ius

1,6413 gold badges16 silver badges34 bronze badges

1 Comment

ius Over a year ago

yes! it works only for numeric parameters. To solve the problem also for strings you will need to put the parameter variable between apostrophes "getValue2("'+parameter+'")".

Collectives™ on Stack Overflow

How Can I concatenate a parameter string in javascript function on string in appended html?

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related