javascript删除动态添加和删除元素

Question

我正在尝试让用户通过每个按钮的删除按钮来动态添加语言。我不知道如何使删除按钮起作用 基本上，如果要按下旁边的X glyphicon，我想删除输入文本字段 谢谢

        function setLanguage(){
              var l_name = document.getElementById("selected_language").value;
             var l_level = document.getElementById("lang_level").value;
       document.getElementById("sel_languages").innerHTML += "<div><input type = 'text'  readonly='readonly' name = 'language_selected1[]' value ='"  +  l_name  + " " + l_level  + "'/> <span id='language_clear' onclick='myFunction()'  class='glyphicon glyphicon-remove-circle'></span></div>" ;

     }




  function   myFunction(){
            $(this).parent().remove();

    }

Answer 1

您可以将onclick添加到以下行中，而不使用html元素的document.getElementById("language_clear").addEventListener("click", myFunction);属性。我已经发布了一个简单的工作示例here。

w3schools关于事件监听器here有一篇不错的文章。如果您希望使用jQuery版本，则可能需要查看文档here；他们有一些很好的例子。