javascript动态删除和添加元素

我试图让用户动态添加语言，每个语言都有删除按钮。我不知道如何使“删除”按钮工作 基本上，如果按下旁边的X字形图标，我希望删除输入文本字段 谢谢

函数setLanguage（）{
var l_name=document.getElementById（“所选语言”）.value；
var l_level=document.getElementById（“lang_level”）.value；
document.getElementById（“sel_语言”）.innerHTML+=“”；
}
函数myFunction（）{
$（this.parent（）.remove（）；
}

您可以添加

document.getElementById（“language_clear”）.addEventListener（“单击”，myFunction），而不是使用html元素的
onclick
属性到下一行。我发布了一个简单的工作示例

w3schools有一篇关于事件侦听器的好文章。如果您更喜欢jQuery版本，您可能需要检查文档；他们有一些很好的例子。
我们需要查看html，并让我们知道您尝试了什么。
        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();

    }