「追加」というボタンを押すとテキストボックスが一つ現れ、テキストボックスの下にある「追加」ボタンを押すと、さらにその下にテキストボックスが現れるJavaScriptのサンプルはありませんか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/03/25 22:04:21
  • 終了:--

回答(2件)

id:yude_egg No.1

yude_egg回答回数177ベストアンサー獲得回数02005/03/25 22:06:25

ポイント25pt

http://oshiete1.goo.ne.jp/kotaeru.php3?q=838706&rev=1

教えて!goo 入力するテキストエリアをボタンで増減させるjavascriptを作りたい。

<html>

<head>

<title>テキストボックス追加</title>

<script language=”JavaScript”>

<!--

function add(){

document.all.AddArea.innerHTML =

document.all.AddArea.innerHTML + ”

<input type=¥”text¥” name=¥”Txt_Object¥”>”;

}

// -->

</script>

</head>

<body>

<form id=”form1”>

<div id=”AddArea”>

<input type=”text” name=”Txt_Object”>

</div>

<input type=”button” value=”Add” onClick=”add()”>

</form>

</body>

</html>


こちらでやってみてください。

id:Lufini

ありがとうございます。

これはそれぞれのテキストボックスに別のnameを与えることはできるのでしょうか。

ちょっと試してみます。

2005/03/25 22:12:32
id:yude_egg No.2

yude_egg回答回数177ベストアンサー獲得回数02005/03/25 22:22:40

ポイント25pt

http://www.at-dark.net/java.html

記念品 グルメ 取寄 菓子 歳暮 at at-dark.net

こちらはサンプルです。

<html>

<head>

<title>テキストボックス追加</title>

<script language=”JavaScript”>

<!--

function add(){

var a = 1;

document.all.AddArea.innerHTML =

document.all.AddArea.innerHTML + ”

<input type=¥”text¥” name=¥”Txt_Object”+(a++)+¥”>”;

}

// -->

</script>

</head>

<body>

<form id=”form1”>

<div id=”AddArea”>

<input type=”text” name=”Txt_Object”>

</div>

<input type=”button” value=”Add” onClick=”add()”>

</form>

</body>

</html>


こういう風にしてみてはどうでしょうか?

私はあまりJavaScriptに関しての知識がないので書式が合ってるのかわかりませんが。。


適当ですみません。


尚、サンプルページには、1回目の回答と同じソースでかかれています。

id:Lufini

参考にして自分なりにアレンジをしたら上手く行きました。

ありがとうございます。

2005/03/25 23:57:34

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません