How can I make a click event for a dynamically generated button?

Question

I want to create an click event for a dynamically generated button. How can I do that?

I thought that this code will work, but it doesn't. How can I add the function?

  $(document).ready(function() {
    $("#keyword_1").click(function() {
      var keyword_js = document.getElementById("keyword_1").value;
      $.ajax({
          url: "list",
          type: "POST",
          async: false,
          data: {
            keyword: keyword_js.toString()
          },
          dataType: "json",
          success: function(data) {
            //button
          }
        }
      },
      error: function(request, status, error) {
        alert("code:" + request.status + "\n" + "message:" + request.responseText + "\n" + "error:" + error);
      },
      complete: function() {
        // call back method
      }
    });
  });
});

function insRow() {
  var keyword_js = document.getElementById("keyword_en").value;
  oTbl = document.getElementById("addTable");
  var oRow = oTbl.insertRow();
  oRow.onmouseover = function() {
    oTbl.clickedRowIndex = this.rowIndex
  }; //clickedRowIndex
  var oCell = oRow.insertCell();

  //Form Tag
  var frmTag = "<input type=button value=" + keyword_js + " id='keyword_1'>";
  frmTag += "<input type=button value=‘del’ onClick='removeRow()' style='cursor:hand;'>";
  oCell.innerHTML = frmTag;
}

Side note: never use `async: false`. That should be removed. You don't need it anyway, as you're using callbacks properly. — Rory McCrossan, Nov 29 '18 at 12:34
You don't need to use an id on your button if you locate the tr you want to remove relative to the button. (ie, `this.parentNode.parentNode`) — James, Nov 29 '18 at 12:36

score 0 · Answer 1 · answered Nov 29 '18 at 12:31

0

Maybe you can do like this.

$(document).on("click","#keyword_1",function(){ 

//do something.
 });

answered Nov 29 '18 at 12:31

HyungjinJeon

143
11

2

BUT there is another issue.... multiple elements with the same id – epascarello Nov 29 '18 at 12:33

How can I make a click event for a dynamically generated button?

1 Answers1