• ベストアンサー

javascriptでテキストボックスを追加したい

ボタンを押すたびにテキストボックスを追加できるようにしたいです functionで呼び出すにはどうすればいいのですか?

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

>ボタンを押すたびにテキストボックスを追加できるようにしたいです >functionで呼び出すにはどうすればいいのですか? なかなかざっくりした質問ですね 基本的にはこんな感じ <script> function func(obj){ var tb=document.createElement("input"); tb.setAttribute("type","text"); tb.setAttribute("name","hoge"); tb.setAttribute("value","hoge"); obj.form.appendChild(tb); } </script> <form> <input type="button" value="add textbox" onclick="func(this)"> </form> nameやvalueの設定をどうするか仕様が提示されていないのでなんとも・・・

DreamyLife_615
質問者

お礼

変な質問ですみませんでした>< ご回答ありがとうございます

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • JavaScriptでテキストボックスの追加

    下記のコードはただ文章を追加するコードです ここまでは勉強して自分で組んでしっかり動きます この文章を追加するところをテキストボックスにして保存したいのですが その方法がわかりません どこをどう変えれば出来るのでしょうか? <!doctype html> <html> <head> <meta charset="UTF-8"> <script> function addNode(){ <!--追加する子ノードを生成--> var kodomo = document.createElement("p"); <!--このノードのタグで囲まれている部分のテキストを設定--> kodomo.innerHTML = "これが追加されたpの領域"; <!--どこに追加するのか親ノードを指定--> var tuika = document.getElementsByTagName("div").item(0); <!--ここから子ノードを追加する命令--> tuika.appendChild(kodomo); } </script> </head> <body> <h1>ノードを追加します</h1> <!--初期状態は何にもなし--> <div></div> <div> <p>ここはHTMLで書かれているテキスト</p> </div> <!--ボタン--> <button onClick="addNode();">追加</button> </body> </html>

  • テクストボックスからセレクトボックスへ

    1.テキストボックスにテキストを入力 2.追加ボタンを押す 3.セレクトボックスに表示 4.セレクトボックスに追加した項目を選択し削除ボタンで削除できる 以下のようなプログラムを教えていただけますでしょうか?

  • ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

    Javascriptで質問です。 <input type="text" name="hoge1" value=""> <input type="text" name="hoge2" value=""> <input type="text" name="hoge3" value=""> というようなテキストボックスがあり、「追加」というボタンを押すと 新たなテキストボックス <input type="text" name="hoge4" value=""> が追加されるようなJavascriptを作成したいと考えています。 新たに作られたテキストボックスには name="hoge4" name="hoge5" ・ ・ ・ というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。 検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。 よろしくお願いいたします。

  • テキストボックス 追加

    最初5つのテキストボックスを表示して追加ボタンを押して、6個目から15個目を追加しようとしています。name="tb1" からname="tb15"までを設定したいです。15個になった際にボタンを押せなくしたいです。入力された情報をPHP側で処理しようとしています。 以下のソースを改良しようとしているのですが、うまくいきません。 どのようにしたらいいでしょうか? <script language="JavaScript"> <!-- function add(){ document.all.AddArea.innerHTML = document.all.AddArea.innerHTML + "<br><input type=\"text\" name=\"Txt_Object\">"; } // --> </script> </head> <body> <form id="f1"> <div id="AddArea"> <input type="text" name="Txt_Object"> </div> <input type="button" value="追加" onClick="add()"> </form> </body> </html>

  • C#のフォームでテキストボックスをセットで追加したい。

    C#のフォームでテキストボックスをセットで追加したい。 添付画像の様なフォームを作成しようと考えています。 テキストボックスの3つを入力すれば、重量が算出できる様にしています。 この3つのテキストボックスをブロックの追加ボタンで、 3つをまとめて追加する方法が解りません。 ブロック数はいくつになるのか、予想できない為、 ボタンで追加させていき、最後に重量の合計を算出したいです。 コントロールの追加と、算出された重量の集計を取る良い方法の アドバイスよろしくお願いいたいます。m(_ _)m

  • javascriptでボタンを押すたびにテキストエリアを追加

    javascriptでボタンを押すたびにテキストエリアを追加しようとしています。 下記の内容を応用して 1 テキストエリア(1) 2 テキストエリア(2) 3 テキストエリア(3) 4 テキストエリア(4) ・ ・ ・ ボタンを押すたびに追加され15個まで増やすという風にしようとしているのですが、うまくいきません。テーブルの中に入るところまでは良くのですが、連番の数字を入れるのができません。 var tag_num=4; function myTextAreaAdd(obj){ var max=15; var c=count("howto"); if(c>=max) return false; var oTag = document.createElement("textarea"); oTag.setAttribute("name", "howto" + tag_num++); var oDiv = document.getElementById("area"); oDiv.appendChild(oTag); if(c>=max-1) obj.disabled=true; } 教えてください。宜しくお願いします。

  • テキストボックスとオートシェイプにテキストを追加

    初歩的なことで申し訳ないのですが.... テキストボックスと、オートシェイプ(四角)にテキストを追加した状態って、どちらがどう、なにがどう違うのでしょうか?

  • ワードでテキストの追加を戻す

    ワードで普通の図形・・・角丸四角とか額縁とか作って、 右クリックしてテキストの追加ボタンを押すと、 テキストボックスになりますよね? それで、そのテキストボックスにした図形を元に戻して 元のただの図形にしたい場合はどのようにすればいいのでしょうか・・? そんな操作はないのでしょうか? すみませんが回答をよろしくお願い致します。

  • クリック→テキストボックスに追加

    下記は、クリックすると、テキストボックスの文字が入れ代わります。こうでなく、「どれどれそれからどうした」と追加していくようにするにはどうしたらよいでしょうか? <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どれどれ'">どれどれ</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='それから'">それから</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どうした'">どうした</A><BR> <FORM name="myform"> <INPUT TYPE="TEXT" NAME="bun" SIZE="50"> </form>

  • エクセル マクロにてテキストボックスを追加

    マクロでテキストボックスを追加したいのですが、追加する位置を指定したいのです。 たとえば、セルのC3の左下の隅をゼロ基準として、右へ1ポイント(単位は何でも良い)上へ3ポイントの位置へテキストボックスの左下(実際はどこでも良い)が来るように貼るにはどうすれば良いでしょうか?