如何在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容器

回答

相關問題