在javascript中動態生成文本框

Question

我寫了一個javascript來動態生成文本框。

代碼：

function addtextbox(val) 
{ 
var foo = document.getElementById('fooBar'); 
var num = (document.getElementById('cnt').value -1 + 2); 
ingrds[num]= val; 
var newdiv = document.createElement('div'); 
var divIdName = 'divid'+num;  
newdiv.setAttribute('id',divIdName); 
newdiv.innerHTML = '<input type="text" size="15" id="' + ingrds[num] + '" value="' + val + '"><a href="javascript:remove('+divIdName+')">Remove</a>'; 
foo.appendChild(newdiv); 
} 

//函數刪除動態添加文本框

function remove(dId) 
{ 
var foo = document.getElementById('fooBar'); 
foo.removeChild(dId); 
} 

每當remove函數被調用，我想刪除它之前得到的文本框的值。如何去做。提前致謝。

Answer 1

function remove() 
{ 
var foo = document.getElementById('fooBar'); 
var value = foo.value; 
alert(value); // will show you the value for debugging purpose 
foo.removeChild(dId); 
} 

輸入單元能使用input.value屬性有其值的訪問。 textarea元素（文本框）也是如此。

編輯

"<a href="javascript:remove('+divIdName+')">Remove</a>" 

可改爲

"<a href="javascript:remove('+ingrds[num]+')">Remove</a>" 

沒有你的函數CA使用參數

function remove(id) 
    { 
    var foo = document.getElementById(id); // selects the input element 
    var value = foo.value; 
    foo.removeChild(dId); 
    } 

Answer 2

只是使用innerHTML。

var foo = document.getElementById('fooBar'); 
var fooHtml = foo.innerHTML; 
foo.removeChild(dId); 

Answer 3

你需要拉的價值。你只是選擇目前的元素

function remove() 
{ 
var foo = document.getElementById('fooBar').value; 
foo.removeChild(dId); 
}