How to create a button with function parameter?

Question

I want to create a button by using function below, example createGetInfo(120,Test,1) I want the result become a 'Test' button with 120 width but the function below fail, How can I put the parameter inside the button tag?

function createGetInfo(size,wording,filter) {
    var GetInfo = $("<button class='eqGroupBtn' type='button' class='btn' style='width:size'>wording</button>");
    secondLevelMenuDiv.append(GetInfo);
    GetInfo.click(function(){
        Do something...
    });
};

hi updated my answser , with jsfiddle demo : jsfiddle.net/pranayamr/uuvtx5ga, please do upvote/accept if it works for you — Pranay Rana
– Pranay Rana, Commented Dec 9, 2017 at 8:34

Pranay Rana · Accepted Answer · 2017-12-09 08:46:41Z

1

for binding event with dynamically created element you need to use on method of jquery, so your code will be as below

$( document ).ready(function() {
  var size=100;
    var GetInfo = $("<button class='eqGroupBtn' id='btnGetInfo' type='button' class='btn' style='width:"+size+"px;'>wording</button>");
    $("body").append(GetInfo);

     $( "#btnGetInfo" ).on( "click", function() {
              alert( $( this ).text() );
     });  
});

Working jsfiddle demo : https://jsfiddle.net/pranayamr/uuvtx5ga/

read more about on function here : http://api.jquery.com/on/
one more change in you code is always create element in html DOM with ID attribute , so i added Id for button which is btnGetInfo

edited Dec 9, 2017 at 8:46

answered Dec 9, 2017 at 8:23

Pranay Rana

177k37 gold badges244 silver badges267 bronze badges

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

Comments

Lalit Sachdeva · Accepted Answer · 2017-12-09 08:41:40Z

0

function createGetInfo(size,wording,filter) {
    var GetInfo = $("<button class='eqGroupBtn' type='button' class='btn' style='width:'+size + 'px'>wording</button>");
    secondLevelMenuDiv.append(GetInfo);
    GetInfo.click(function(){
        Do something...
    });
};

'width:'+size + 'px'

Define it like the above

answered Dec 9, 2017 at 8:41

Lalit Sachdeva

6,6612 gold badges22 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to create a button with function parameter?

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