删除动态创建的文本框

我有下面的代码，我用它来点击按钮动态地添加文本框。有用。删除动态创建的文本框

<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 
    }); 
}

我使用自动完成的文本框，从数据库中获得的数据

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

确实看到我上面的代码

来源

2013-10-03 user2822187

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(); 

}

简单地用一个计数器来设置一个ID输入按钮和发送反删除功能;

来源

2013-10-03 05:22:11 mamal

试试这个功能。

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

来源

2013-10-03 05:29:01

只需使用下面的代码：

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

来源

2013-10-03 05:47:31 PathSeeker

尝试添加删除按钮，同时动态地添加一个文本框中删除文本框，如果有必要

下面是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();">'); 
    });

这是demo

来源

2013-10-03 06:03:35 iJade

删除动态创建的文本框

回答

相关问题