掲示板/JavaScript質問板/過去ログ/一覧/ form内のinput項目を動的に増やす方法について

0 名前： ishikubo ： 2006/11/29（水） 21:36 ID:sYKd6Sr4: あるFORM内のテキスト覧に入力すると、
新しく別のテキスト覧が表示されるような動作を行いたいと思っております。

テキスト覧に入力を行うイベントのハンドリングにはvalueを「""」で保持するonChange
を考えています。（イメージです↓）
<input type=text value="" onChange=func1(this.form) />

func1では、上記テキストに入力されたら、もう一つ同じinputを
上記inputの直ぐ下に表示させるような処理を行いたいと思っています。
同様なinputを新しく出現させる方法をご存知の方がいらっしゃいましたら、
ご教授いただければ幸いに存じます。
ネットや書籍でも探しましたが、参考になるような記載をみつけることができませんでした。
大変申し訳ありませんが、アドバイスをいただけたら幸いです。
よろしくお願いいたします。

1 名前： NullPo ： 2006/11/29（水） 21:36 ID:1Bb3RL38

<script type="text/javascript">

function func1(thatElement)
{
  var newElement = thatElement.cloneNode();
  var brElement = document.createElement("br");
  newElement.value = "";

  thatElement.parentNode.insertBefore(newElement, thatElement.nextSibling);
  thatElement.parentNode.insertBefore(brElement, newElement);
}

</script>

<form>
<input type="text" value="" onchange="func1(this)">
</form>