如何用JS创建一个Button并使用OnClick属性

Question

我想使用我用 JS 创建的带有 OnClick 的按钮。我可以创建按钮，我也可以将属性添加到按钮上，但是按钮没有启动我的功能，他只重置了网站。

          $.ajax({
type: "POST",
url: "http://localhost/jQuery&PHPnew/Markt.N.php",
data:{status:status},
success: function(data){
    var anzahl = data;
    status = 1;
    while (anzahl>nummer) {
      nummer++;
    $.ajax({
        type: "POST",
        url: "http://localhost/jQuery&PHPnew/Markt.N.php",
        data:{nummer:nummer, status:status},
        success: function(data){
          var Daten = JSON.parse(data);
          var Ausgabebereich = document.getElementById('main');
          var f = document.createElement("form");

          var bInhalt = document.createElement('button');
          var Inhalt = document.createTextNode("Senden");
          bInhalt.appendChild(Inhalt);
          bInhalt.setAttribute("onclick", "myfunction()");
          f.appendChild(bInhalt);

          Ausgabebereich.appendChild(f);
        }

    })
}
}
})
function myfunction() {
alert("pls");
}

这是在浏览器中创建的代码

Code from the Browser

Answer 1

在您的 myfunction() 上，在警报前添加行 preventDefault()，以防止重新加载页面（提交的默认行为 - 因为您的按钮在表单上），然后您的警报将工作。

否则，您可以在按钮上添加按钮类型，例如 <button type="button"> 以确保表单不会使其成为提交按钮

如何用JS创建一个Button并使用OnClick属性

How to create an Button with JS and use the OnClick Attribute

html

javascript

jquery

function

createelement