删除特定字段 javascript

Question

我有一个包含一些输入的表格。当我单击 + 按钮时，javascript 创建一个输入字段。这是我的表单代码：

 <div class="row">
        <div class="col-md-3">
            <div id="container">
            <div id="new" class="">
                <input type="number" name="number" id="number"> 
                <select class="form-control" id="sel1">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                </div>
            </div>
        </div>
    </div>
    <button onClick="addNumber(); New();" class="btn btn-warning btn-md" type="button">+</button>

+ 按钮创建一个新的选项和数字字段。这是用于创建新字段的 Javascript 代码：

   function New()
  {
    var node = document.createElement("div");
    node.setAttribute("id", "new");
    node.setAttribute("class", addNumber());
    node.innerHTML = $("#new").html();
    document.getElementById("container").appendChild(node);
    $('#container').append(node);
}

这很好用，但我想删除特定字段。当新字段创建时，我还想在单击删除按钮时删除该字段。我该怎么做？

Answer 1

现在为每个 div 添加删除图标，并在单击时将 div 的 ID 传递给删除功能

删除特定字段 javascript

remove specific field javascript

javascript

appendchild

removechild