单击按钮后如何保留元素

how to preserve element after button is clicked

本文关键字：保留 元素 何保留 按钮 单击      更新时间：2023-09-26

我试图在点击按钮时添加元素。但当我点击按钮时，它被添加了，只需2分钟就消失了。所以如何设置永久性。下面是我尝试的代码。

$(document).ready(function() {
  var d = "";
  $("input[name='submit']").click(function() {
    alert("button is clicked");
    d = $("select").val();
    alert("d====" + d);
    myfunction(d);
  });
  function myfunction(d) {
    if (d != "" && d != "undefined" && d != null) {
      for (i = 0; i < d; i++) {
        alert("hello");
        var d1 = "<div class='form-group'><label>Upload Image</label><div class='input-group'><span class='input-group-addon'><i class='fa fa-picture-o'></i></span><input type='file' name=" + i + "class='form-control' placeholder='Upload your photo' id='img'></div></div>";
        $("#d2").append(d1);
      }
    }
  }
});

您的"提交"按钮是否位于FORM标签中

我认为发生这种情况是因为当你点击提交按钮时，你的页面会将你重定向到目标url

更改您的代码如下：

$(document).ready(function() {
  var d = "";
  $("input[name='submit']").click(function(e) {
    e.preventDefault();
    alert("button is clicked");
    d = $("select").val();
    alert("d====" + d);
    myfunction(d);
  });
  function myfunction(d) {
    if (d != "" && d != "undefined" && d != null) {
      for (i = 0; i < d; i++) {
        alert("hello");
        var d1 = "<div class='form-group'><label>Upload Image</label><div class='input-group'><span class='input-group-addon'><i class='fa fa-picture-o'></i></span><input type='file' name=" + i + "class='form-control' placeholder='Upload your photo' id='img'></div></div>";
        $("#d2").append(d1);
      }
    }
  }
});

将此代码放入document.ready块中

$('form').submit(function ()
{
    return false;
});

很抱歉，我把提交按钮放在表单元素中，同时点击按钮，它是发布的，页面被加载（刷新），内容被禁用。。。。这就是原因。

相关文章：