Как избежать создания элементов формы даже после отправки? - PullRequest
0 голосов
/ 14 июня 2019

Я должен сделать элементы, сопоставляя условие. Но когда я выполняю другой, ранее созданный элемент остается там. Как избежать такого повторения, используя скрипт Java? this is what i am getting У меня есть функция 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> 

1 Ответ

1 голос
/ 14 июня 2019

Перед созданием элементов удалите все предыдущие элементы из div

function maketext(p) {
  document.getElementById("mys").innerHTML = ''
  // rest of the code
}
...