动态删除文本框使用javascript

时间:2016-03-09 04:10:50

标签: javascript

我正在尝试动态添加和删除文本框。添加文本框工作正常,但删除文本框不起作用。我已经在按钮元素本身上定义了onclick方法。我错过了什么吗?应该有一个简单的错误。

这是我的代码

var container = document.getElementById('divArea');
function RemoveTextBox(div) {   
   document.getElementById("divArea").removeChild(div.parentNode);
}

function addTextBox(value){     
    return '<input name="newTextBox" type="text" value = "' + value + '" />' +
        '<input type="button" value="Remove" class="removeTxtBox" onclick = "RemoveTextBox(this)" />'
}

document.getElementById('btnAdd').onclick = function() {
   var res = document.getElementById('val').value;  
  var div = document.createElement('DIV');
  div.innerHTML = addTextBox(res);
  container.appendChild(div);
}

我的JS小提琴https://jsfiddle.net/2ddaw4zf/1/

0 个答案:

没有答案