提交后如何避免创建表单元素仍然存在？

Question

我必须通过匹配条件来制作元素。但是当我执行另一个时，之前创建的元素会留在那里。如何使用java脚本避免这种重复？

 我有这样的 Javascript 函数：

 function maketext(p) {

        var f = document.createElement('form');

        f.setAttribute('method', "post");

        f.setAttribute('id', "update");

        f.setAttribute('action', "updateprod");

        if (p == "Code") {

            var inp = document.createElement('input');

            inp.setAttribute("placeholder", "Type Here");

            inp.setAttribute("class", "form-control");

            inp.setAttribute("id", "mcode");

            inp.setAttribute("name", "mcode");

            var sub = document.createElement("input");

            sub.setAttribute("type", "submit");

            sub.setAttribute("value", "submit");

            sub.setAttribute("class", "btn btn-primary");

            f.appendChild(inp);

            f.appendChild(sub);

            document.getElementById("mys").appendChild(f);

        }

        if (p == "Name") {

            var inp = document.createElement('input');

            inp.setAttribute("placeholder", "Type Here");

            inp.setAttribute("class", "form-control");

            inp.setAttribute("id", "mname");

            inp.setAttribute("name", "mname");

            var sub = document.createElement("input");

            sub.setAttribute("type", "submit");

            sub.setAttribute("value", "submit");

            sub.setAttribute("class", "btn btn-primary");

            f.appendChild(inp);

            f.appendChild(sub);

            document.getElementById("mys").appendChild(f);

        }

}

html

    <a href="#" onclick="maketext('Code')" data-toggle="modal" data-target="#myModal"  class="btn btn-info btn-lg">Edit</a>

<a href="#" onclick="maketext('Name')" data-toggle="modal" data-target="#myModal"  class="btn btn-info btn-lg">Edit</a> 

Answer 1

在创建元素之前删除所有以前的元素 divfunction maketext(p) {&nbsp; document.getElementById("mys").innerHTML = ''&nbsp; // rest of the code}