0

コード：

var i=0,j=0;

var t1= new Array();
function createtext(){

    i++;

    t1[i]=document.createElement('input');

    t1[i].type='text';

    t1[i].name='text'+i;

    t1[i].value = "hello"+i;

    t1[i].size = 10;

    document.forms[0].appendChild(t1[i]);

    var mybr=document.createElement("<br>");

    document.appendChild(mybr);

}

フォーム：

<form action="" method="get" name="f1">

    <input name="b1" type="button" onClick="createtext()" value="+">

</form>

「+」ボタンをクリックすると、テキストボックスは各テキストボックスの横ではなく下向きに生成されます。各テキストボックスには、その側に「削除」リンクがあります。「削除」をクリックすると、テキストボックスが削除されます。plshelp自分。

------------------------------------------------
(+) <-imagine this is the button

[SAMPLETEXTBOX1] REMOVE <-imagine a textbox1 with remove link beside it

[SAMPLETEXTBOX2] REMOVE <-imagine a textbox2 with remove link beside it

[SAMPLETEXTBOX1] REMOVE <-imagine a textbox3 with remove link beside it
4

3 に答える 3

1

formではなく に追加し、代わりに をdocument使用する必要があります。document.createElement("br")document.createElement("<br>")

var mybr=document.createElement("br");
document.forms[0].appendChild(mybr);
于 2012-08-28T04:07:54.790 に答える
0

さらに、入力ボックスとテキストをDIVでラップして、下に表示されるコントロールの望ましい結果を得ることができます。

次に、[削除]をクリックすると、DIV要素を削除するだけで、その子ノード（入力とテキスト）をすべて削除できます。

于 2012-08-28T04:03:02.933 に答える
0

http://jsfiddle.net/hfdAL/9/

<> を document.createElement から削除します

于 2012-08-28T04:12:11.463 に答える