如何在javascript中使用文本和小删除图标创建div容器

使用动态创建的TextBox和Button控件（ASP.NET C＃页面），我需要编写JavaScript函数，它将（通过单击按钮）添加文本+一些小的删除该文本旁边的图标（使用户可以删除该文本），并将其放置在某个容器（div或其他）中。如何在javascript中使用文本和小删除图标创建div容器

不知道我是否足够清楚地解释，但我想创建一个非常类似于这个stackoverflow标签区域的东西（在我的情况下，应该通过点击按钮来创建标签）。 enter image description here

另外我必须得到这些值后回发（写入数据库后，用户提交该页面）。谢谢！

<script type="text/javascript"> 
function addTo(val) 
{ 
    document.getElementById('MainContent_txtbox').value = ""; 
    var lblLink = document.createElement("span"); 
    lblLink.appendChild(document.createTextNode(val));  
    document.getElementById('addItHere1').appendChild(lblLink); 
} 
</script>

在按钮的点击中，显示div标签

Label Labe3 = new Label(); 
Labe3.Text = "<div id=\"addItHere" + itemCounter.ToString() + "\" ></div>";

来源

2012-12-05 Alan 2012

这听起来像一个很酷的ID EA！你试过什么了？你有困难吗？ –

删除图标有“class”，它在body中的onclick事件之后，被js识别并用“delete（target.parentNode）”命令或类似命令杀死。 –

@Asad是的，我创建了javascript函数并点击按钮它显示在div标签 Label Labe3 = new Label（）; Labe3.Text =“

”; 但我不知道继续进行（让用户删除它，并在回发中获取这些值）。 –

首先：学习如何的onclick附上身体：

<span class="post-tag">text<span class="delete-tag" onclick="delete(this.parentNode);">x</span></span>

你应该采取的下一步标签，如何确定目标，如何检查它的类属性，将其值与“删除标签”进行比较等。

来源

2012-12-05 13:55:05

谢谢！伟大的起点！ –

如何在javascript中使用文本和小删除图标创建div容器

回答

相关问题