如何在每個按鈕上的javascript中追加新元素點擊

Question

當我點擊一個鏈接時，JS向頁面添加了一個新的文件標籤，但每次它重新加載所有文件標籤。我需要的是，當我點擊一個鏈接時，它應該附加一個文件標籤，而不用重新加載早期的文件標籤。

請建議是否有人對此有所瞭解。

以下是我的代碼。

var intTextBox = 0; 
function addElement() 
{ 
    intTextBox = intTextBox + 1; 
    var contentID = document.getElementById('content'); 
    contentID.innerHTML = ""; 
    var howManyTextBoxes = intTextBox; 
    for (var i = 0; i < howManyTextBoxes; i++) 
    {    
     var newTBDiv = document.createElement('div');   
     newTBDiv.setAttribute('id', 'strText' + intTextBox); 
     newTBDiv.innerHTML += "<input type=file name='fileUpload' size='40'/>";        
     contentID.appendChild(newTBDiv);       
} 

這就是我如何調用JS函數。

<a href="javascript:addElement();">Attach more files</a> 

Answer 1

你應該從該函數返回false，否則鏈接重新加載頁面：

function addElement() { 
    intTextBox = intTextBox + 1; 

    var contentID = document.getElementById('content'); 
    contentID.innerHTML = ""; 
    var howManyTextBoxes = intTextBox; 
    for (var i = 0; i < howManyTextBoxes; i++) {    
    var newTBDiv = document.createElement('div');   
    newTBDiv.setAttribute('id', 'strText' + intTextBox); 
    newTBDiv.innerHTML += "<input type=file name='fileUpload' size='40'/>";        contentID.appendChild(newTBDiv);        
    return false; 
} 

Answer 2

你可以這樣調用：

<a href="javascript:addElement();return false;">Attach more files</a> 

不要忘記返回FALSE;