JavaScriptでのテキストボックスの動的生成

html javascript
JavaScriptでのテキストボックスの動的生成

テキストボックスを動的に生成する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 = 'Remove';
foo.appendChild(newdiv);
}
function remove(dId)
{
 var foo = document.getElementById('fooBar');
 foo.removeChild(dId);
}

remove関数が呼び出されるたびに、削除する前にテキストボックスの値を取得したい。 それについてどうやって行くか。 前もって感謝します。

  0  0


ベストアンサー

  • http://www.w3schools.com/jsref/prop_html_innerhtml.asp [innerHTML] *を使用してください。

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

0


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要素(textbox)についても同じことが言えます。

編集

"Remove"

に変更することができます

"Remove"

関数はパラメータを使用できません

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

0


値をプルする必要があります。 現在、要素を選択しているだけです

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

0


タイトルとURLをコピーしました