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); 
} 

//は、remove関数は、私はそれを削除する前に、テキストボックスの値を取得したいと呼ばれるたびに動的に追加するテキストボックス

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

を削除するように機能します。それについてどうやって行くの？前もって感謝します。

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>" 

EDITは

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

に変更することができます何あなたの関数は、あなたが価値を引き出すために必要

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

パラメータを使用していないCA。あなたは現在の要素を選択しているだけです

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