人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: Lufini
●カテゴリ:コンピュータ
✍キーワード:JavaScript テキスト ボタン ボックス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● yude_egg
●25ポイント

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>


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

◎質問者からの返答

ありがとうございます。

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

ちょっと試してみます。


2 ● yude_egg
●25ポイント

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

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

こちらはサンプルです。

http://www.yahoo.co.jp/

Yahoo! JAPAN

<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回目の回答と同じソースでかかれています。

◎質問者からの返答

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

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ