Javascript添加/删除文本框和相应的删除按钮

如何通过javascript动态添加/删除文本框（不清除文本框的数据）和相应的删除按钮单击事件上的删除按钮？

注意：每个动态创建的文本框都有单独的按钮。

下面是我的javascript函数。 我正在使用jQuery 1.3.2

function addOption() { var d=document.getElementById("yash"); d.innerHTML+=""; d.innerHTML+=""; $("#mybutton").click(function () { $("#mytextbox").remove(); $(this).remove(); }); d.innerHTML+="
"; } 

Answer 1

我为你做了一个非常简单的例子： http ： //jsfiddle.net/BHdhw/

您可以将其更改为满足您的需求，以下是代码：

HTML

 
 Delete
 

 Add Option 

jQuery的

 $(function(){ $('.Delete').live('click',function(e){ $(this).parent().remove(); }); $('.Add').live('click',function(e){ $('.Option:last').after($('.Option:first').clone()); }); }); 

注意：使用动态HTML时，请始终使用.live绑定事件

更新[检索所有值]

链接示例如何检索值： http ： //jsfiddle.net/BHdhw/1/

添加了HTML

 Retrieve Values 

添加了Jquery

 $('.Retrieve').live('click',function(e){ $('.Option input').each(function(i,e){ alert($(e).val()); //Alerts all values individually }); }); 

Answer 2

这段代码应该适用于它：

 $("#myButton").click(function () { $("#myTextBox").remove(); $(this).remove(); }); 

请查看： http ： //www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

问候

Answer 3

这是完整的代码……

       
Demo of Adding and Removing Text Box Dynamically using JavaScript
 
Add