- ベストアンサー
入力フォームの個数の変化について
動的に入力フォームを変化されるプログラムのサンプルコードを探しています。 詳しい質問概要については以下の通りです。 ・追加、削除ボタンを押下時に一つずつ入力フォーム(textbox)が増減する。 ・上記の削除ボタンとは別に、入力フォームの横に削除ボタンを設置し、削除ボタン押下時に削除ボタン横の入力フォームの削除が行われる。 ・環境としては、JavaScript+PHP、IEで動作する環境でお願いします。 まだ、初心者な為大変困っています。サンプルか簡単なコードを載せてくれるとありがたいです。 よろしくお願いします。
- hiroko0808
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
最近、同じ質問があってどなたかがサンプルを提示していたと思いましたが、見つからなかったので… <html> <head> <script type="text/javascript"> function add() { var e = document.getElementById('def').firstChild.cloneNode(true);; document.getElementById('frm1').appendChild(e); } function del(e){ var c, elm; if (!e) { var c = document.getElementById('frm1').childNodes; if (c.length) elm = c[c.length-1]; } else { elm = e.parentNode;} if (elm) elm.parentNode.removeChild(elm); } </script> </head> <body> <button type="button" onclick="add()">追加</button> <button type="button" onclick="del(0)">削除</button> <div id="def" style="display:none;"><div> <input type="text" name=""> <input type="button" onclick="del(this)" value="削除"> </div></div> <hr> <form id="frm1" action="" method="" style="margin:0;"> </form> </html>
関連するQ&A
- フォーム入力チェックで入力内容がクリア
javascriptで、フォームの入力チェック機能をつくっています。必須入力項目が【名前】【住所】の場合、【名前】欄は入力済み／【住所】欄は未入力ケースで、アラートメッセージをＯＫ押下した後フォーム上の【名前】欄がクリアされてしまいます。 ネットでサンプルになりそうなコードをいろいろ見て作っているのですが、なかなか上手くいきません。解決方法をご存知の方がいらっしゃったら教えてください。
- ベストアンサー
- JavaScript
- テキストボックスに入力したデータをsheet2のセルにデータ入力する方法
textboxを5つ設置したユーザーフォームを作りました。ユーザーフォームにボタンをつくり、そのボタンをクリックするとtextboxに入力したデータがsheet2の複数のセルにデータ入力されるようにしたいのですが、やり方がわかりません。
- 締切済み
- Visual Basic
- javascript 動的フォームの追加、削除について
JAVASCRIPTを使って、追加ボタンを押したときに、入力フォーム（textbox）を2個、3個と追加させ、入力フォーム横に設置した削除ボタンで削除ボタン横の入力フォームを削除したいと思っております。 1)delInput2()の引数でボタンごとの情報（何番目のボタンか）を渡したい。 どのようなjavascriptを書けばよいか、ご教授願えませんでしょうか。 どうぞよろしくお願い致します。 <script type="text/javascript"> var arInput = 0; var Default = arInput; function addInput() { //追加処理 arInput ++ $("#area").append('<span id=\"group'+arInput+'\"><input type=\"text\" name=\"text'+arInput+'\" value=\"入力項目'+arInput+'\" /><input type=\"button\" onclick=\"delInput2()\" name=\"button'+arInput+'\" value=\"削除'+arInput+'\" /><br></span>\n'); } function delInput() { //削除処理 $("#group"+arInput).remove(); if(arInput > Default){ arInput -- } } function delInput2() { //指定項目削除処理 } </script> <form> <fieldset id="area"> <fieldset> <input type="button" onclick="addInput()" value="一行追加" /> <input type="button" onclick="delInput()" value="一行削除" /> </fieldset> </form>
- ベストアンサー
- JavaScript
- 入力フォームに文字を入れると消える文字
よく名前やメールアドレスを入力するフォームがありますよね。 あれでクリックすると最初に表示されてる文字（「お名前」や「メールアドレスなど」）が消えるjavascriptのサンプルはたくさん見かけるのですが、 一文字目を入力した時に消えるサンプルってどこかにありませんか？ かっこいいのでサイトに実装したいのですが。
- ベストアンサー
- JavaScript
- onkeyupなどで自動でフォームに入力したい。
商品検索を製作しようと思っていますが、参考になるサイト等教えて頂きたいと思います。 フォーム１へ商品コードを入力すると、予測やマッチしフォームBへ 商品名が自動で入力される。 宜しくお願い致します。 開発環境はAjax,Javascript,CGIで考えております。
- ベストアンサー
- JavaScript
- アクセスのフォームの必須項目入力確認方法について
アクセスのフォームの必須項目を入力していないと「閉じる」ボタンを押下したとき、「○○入力項目に入力がない」というエラーメツセージが出るようにし、入力完了後、「閉じる」ボタンを押下すると閉じるようにしたいのですが・・・
- 締切済み
- オフィス系ソフト
- TextBoxに入力された文字列のソート
TextBoxに入力された文字列のソート TextBoxに入力された文字列のソート 開発環境：Visual Web Developer 2008 express 言語：Visual Basic TextBoxを縦５行横３列に並べた表形式の入力フォームがあり、１列目のTextBox(番号…１，４、７、１０、１３)に入力された文字列（数値）を基準に、昇順にソートし、行ごと入れ替えるプログラムを作りたいのですが、TextBoxを利用したソートの参考になるものが見つからず息詰まっています。どなたかサンプルや参考になるサイトがあれば、教えてください。 ＃＃＃入力フォーム＃＃＃ 1 あああ あああ 3 ううう ううう 2 いいい いいい 5 おおお おおお 4 えええ えええ ＃＃＃実際に出したい結果＃＃＃ 1 あああ あああ 2 いいい いいい 3 ううう ううう 4 えええ えええ 5 おおお おおお
- 締切済み
- Microsoft ASP
- フォームの入力履歴を消せないですか？
テキストフォームでいろいろ入力していくと勝手に履歴がたまります。 javascriptなどでこの入力履歴をOFFにしたり、削除したりできないでしょうか？
- ベストアンサー
- JavaScript
- 新しいフォームへのデータを渡したい
Visual studio 2005にてフォームアプリケーションを作成しています。 メインとなるフォーム(form.vb)と、ダイアログ表示用のフォーム(dialog.vb)を使い、メインでの値をダイアログ用のフォームの方で表示させたいのです。 メインのTextBox1にテキストを入力させ、「実行」ボタンを押すとダイアログ表示用フォームが立ち上がり、ダイアログのTextBox1に同じものを表示させたい・・・という寸法です。 できるだけ簡素なコードでこれを行うにはどうすればいいでしょうか？ よろしくお願いします。
- ベストアンサー
- Visual Basic
- ユーザーフォーム上にある「テキストボックス」に小数が入力できない
以前にユーザーフォーム上のテキストボックスにセル値反映する方法を下記（サンプル１）のようにお教えいただいたのですが、下記のようにマクロを組むとテキストボックスに小数が入力できなくなってしまいます。 どのようにしたら、テキストボックスに小数が入力できるようになるのでしょうか？ お教えください。 事例）「1.234」とテキストボックスに打ち込むと「1」 「0.856」とテキストボックスに打ち込むと「0」と なってしまいます。 （サンプル１） 'A1のデータを反映するとした場合 'OptionButton1のコード Private Sub OptionButton1_Click() TextBox1 = Sheets("Sheet1").Range("a1") End Sub 'B1に反映するとして 'OptionButton2のコード Private Sub OptionButton2_Click() TextBox1 = "" End Sub 'TextBox1のコード Private Sub TextBox1_Change() If OptionButton2 = True Then Sheets("Sheet1").Range("B1") = TextBox1.Value End If End Sub
- ベストアンサー
- オフィス系ソフト
お礼
早速の回答をしていただき、ありがとうございます。 無事問題を解決することができそうです！！ ありがとうございました！！