Javascript 删除动态创建的文本框

我有以下代码，我使用这些代码在单击按钮时动态添加文本框。它起作用了

<div id="forms" name="forms">
  <input name="winner[]" type="text" id="tag" size="20"/><br/>
</div>
<input type="button" name="addmore" id="addmore" value="Add More Winners" onclick="addForm()"/>

上述代码的javascript是：

function addForm() {
    $("#forms").append(
            "<input type ='text' class='winner' name='winner[]'><br/>");

    $(".winner").autocomplete("autocomplete.php", {
    selectFirst: true
    });
}

函数addForm（）{
$（“#表格”）。追加(
“
”；
$（“.winner”）.autocomplete（“autocomplete.php”{
selectFirst:true
});
}

我正在使用“自动完成”从文本框中的数据库获取数据

我想要的是——假设用户单击“添加更多赢家”按钮但不想在文本框中添加任何数据，我应该给他一个按钮来删除额外的文本框。 应该如何为此编写JavaScript

确实看到我的上述代码

var i=0；
var i=0;    
function addForm() {
    i++;
   $("#forms").append(
"<input type ='text' id='input_'"+i+" class='winner' name='winner[]'><button    onclick='delete('"+i+"')' id='button_'"+i+">delete</button><br/>");

$(".winner").autocomplete("autocomplete.php", {
selectFirst: true
});

function delete(i)
{
    $("#input_"+i).remove();
    $("#button_"+i).remove();

}

函数addForm（）{
i++；
$（“#表格”）。追加(
“删除
”；
$（“.winner”）.autocomplete（“autocomplete.php”{
selectFirst:true
});
功能删除（i）
{
$（“#输入"+i）.remove（）；
$（“#按钮"+i）.remove（）；
}

只需使用计数器设置输入和按钮的ID，然后将计数器发送到删除功能；

尝试此功能

function removeElement()
{
if(intTextBox != 0)
{
var contentID = document.getElementById('content');
contentID.removeChild(document.getElementById('strText'+intTextBox));
intTextBox = intTextBox-1;
}
}

---

只需使用以下代码：

   $("#forms").append("<p><input type ='text' class='winner' name='winner[]' ><button onclick='$(this).parent().remove()'>delete</button></p>");

$（“#表单”）。追加（删除
”；

尝试添加删除按钮，同时动态添加文本框，以便在必要时删除文本框

下面是html代码

    <div id="forms" name="forms">
      <input name="winner[]" type="text" id="tag" size="20"/><br/>
    </div>
    <input type="button" name="addmore" id="addmore" value="Add More Winners" />

这是jQuery代码

    $('#addmore').click(function () {
        $('#forms').append('<input type ="text" class="winner" name="winner[]"><input type="button" onclick="$(this).prev().remove();$(this).remove();">');
    });

$（'#添加更多'）。单击（函数（）{
$（'#forms'）。附加（''）；
});

这是你的电话号码