• ベストアンサー

テキスト領域に入力した値を利用して、他のテキスト領域の数を追加したいのですが。

教えてください。 現在、入力フォームを作成しています。 テキスト領域（A）で入力した数値分だけ、テキスト領域（B）の数を作成したいのですが、そのようなことは可能でしょうか？ 例えば、 「OnChangeを使用して、テキスト領域（A）に数値を入力し、移動した時にテキスト領域（A）の数値分だけ、テキスト領域（B）を作成する」 といったようなことなんですが・・・。 Javascript関連のWebを見たのですが、テキスト領域の追加（挿入）といったようなことが書かれていないので、どなたかご存知でしたら、よろしくお願いします。

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

  • ベストアンサー
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

innerHTMLで埋め込むかなぁ。 以下がサンプルです。 <HTML> <BODY> <SCRIPT> <!-- function add() { var n = eval(document.form.a.value) ; var html = '' ; for (i=1 ;i<=n ;i++){ html += 'b'+i+'<INPUT TYPE=text NAME=b'+i+'><BR>' ; } document.getElementById('b').innerHTML = html ; return false ; } // --> </SCRIPT> <FORM NAME=form> a<INPUT TYPE=text NAME=a onChange=add();><P> <SPAN ID=b></SPAN> </FORM> </BODY> </HTML>

YUKITA
質問者

お礼

arukamunさん、ご回答ありがとうございます。 サンプルで、私がイメージしていた感じになっておりました。 今後の調整作業のために、お伺いしたいのですが、 (1)「document.getElementById('b').innerHTML = html ; 」の部分で、実際に埋め込んでいるという認識でよろしいでしょうか？ (2)「<P><SPAN ID=b></SPAN>」は何を行っているのでしょうか？ 大変お手数ですが、ご回答いただけたら幸いです。

その他の回答 (1)

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.2

＞arukamunさん、ご回答ありがとうございます。 ＞サンプルで、私がイメージしていた感じになっておりました。 貴殿の質問の通りに作りましたから当然です。(笑) ＞。今後の調整作業のために、お伺いしたいのですが、 ＞(1)「document.getElementById('b').innerHTML = html ; ＞」の部分で、実際に埋め込んでいるという認識でよろしいでしょうか？ その通りです。 ＞(2)「<P><SPAN ID=b></SPAN>」は何を行っているのでしょうか？ 特定のIDを持つ<SPAN>でも<DIV>でも良いのですが、 <XXX></XXX>の様な囲まれた部分にinnerHTMLでHTMLを埋め込んでいます。

YUKITA
質問者

お礼

rukamunさん。 追加の質問にご回答いただき、ありがとうございます。 おかげ様で何とか作成することができました。m(__)m SPANタグの部分が、なんとなくもやもやしていたので、すっきりしました。本当に感謝しております。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 入力フォームにテキストを追加

    JavaScriptについての質問です。 入力フォームで、テキストを入力する点滅する棒（以下、棒と表記）がある位置にテキストを入力したいのです。 例：「abc|de」に「A」を追加 　　「c」と「d」の間に棒があるので、「abcAde」となる また、入力フォームで、反転されているテキストの両端にテキストを追加つる方法も分かりません。 例：「ab|cd|e」に「A」と「B」を追加 　　「cd」が反転しているので「abAcdBe」となる ブログ作成なんかでよく見かけると思います。 どなたか分かる方がいたら、ご教授お願いします。

  • JavaScriptで、SELECTの値で、TEXTを入力可と入力不可

    JavaScriptで、SELECTの値で、TEXTを入力可と入力不可に分けたい。 現在、以下のフォームを作成しています。 <form method="post" action="/" name="formname"> <select name="test[0]" size="1" onchange="selectChange(0)"> <option value="A" selected>A</option> <option value="B" >B</option> <option value="C" >C</option> <option value="D" >D</option> </select> <select name="test[1]" size="1" onchange="selectChange(1)"> <option value="A" selected>A</option> <option value="B" >B</option> <option value="C" >C</option> <option value="D" >D</option> </select> <br> <input name="txt[0]" type="text" value="" size="10"> <br> <input name="txt[1]" type="text" value="" size="10"> </form> このフォームで、例えば、selectのtest[0]でvalueの「C」が選択された場合、 txt[0]が入力できないようにしたいと考えています。 また同様に、test[1]でvalueの「C」が選択された場合は、txt[1]が入力出来ないように したいです。 以下のようなJavaScriptを書きましたが、上手く動きません。 function selectChange(value) { var answer = document.formname.elements["test[value]"].selectedIndex; if(answer == "C") { document.formname.elemens["txt[value]"].disabled = false; } else { document.formname.elemens["txt[value]"].disabled = true; } } どなたか教授頂けましたら、幸いです。 よろしくお願いします。

  • ホームページビルダー８　複数行テキスト領域について・・　　

    HPビルダー８で更新履歴みたいな感じやりたかったので 複数行テキストをやってみました。 1度作成してHPに貼って、できたのですが。。 次に又更新するときにその領域に文字を追加したいのですがクリックしても文字入力できません。そこでその同じ複数行領域をクリックして「フォームと入力部品」→「複数行テキスト領域」とやってみたらカラの状態でした。 わからないので、また元の文をコピーして初めから複数行テキストを作り直しています。 面倒なので、1度貼った複数行テキスト内にあとから文字だけ付け足したいときにはどうしたらよいでしょうか？ヘルプを見ても文字の追加？みたいなのはのっていません・・ どなたか詳しい方は教えてください。宜しくお願いします！

  • アクセスVBA　テキストボックス入力値からの参照

    マイクロソフトアクセス初心者です。 現在、アクセスでデータベースを作成しています。 2つのフォーム（フォーム(1)、フォーム(2)）、2つのテーブル（入力情報、マスタ）、2つのテーブルをもとにした1つのレポートを作成しています。 『フォーム(1)』のテキストボックスAに入力された値を、Dlookup関数で『フォーム(2)』のテキストボックスBに数値を参照しています。 『フォーム(2)』のテキストボックスに表示された値を、『フォーム(2)』に設置されたコマンドボタンをクリックすると、VBAで『テーブル入力情報』のフィールドAに入力されるようにしています。フィールドAについてのマスタとなるテーブルが『テーブルマスタ』です。 リレーションシップを設定せず、ただ単に値を入力することは出来るのですが、レポートを作成するにあたって、『テーブル入力情報』と『テーブルマスタ』のフィールドAに1（テーブルマスタ）対多（テーブル入力情報）のリレーションシップを設定したいと思っています。 リレーションシップを設定し、テキストボックスBに表示された数値を『テーブル入力情報』に入力する際、『テーブルマスタ』から該当するデータを選択して『テーブル入力情報』に入力されるようにしたいと思うのですが、現状では、リレーションシップを設定すると、入力値が真っ白になってしまい、レポートにも入力したデータが反映されません。 ちなみに、入力する際はフィールドA=Me.テキストボックスBのようにしています。 何か良い解決策がありましたら、是非教えていただけませんでしょうか？ 分かり難い文章かと思いますが、どうぞ宜しくお願い申し上げます。

  • テキストボックスに入力された内容を他のテキストボックスにコピーしたい

    テキストボックスA、Bがあるとして、テキストボックスAに何らかの文字列を入力します。 その状態でボタンを押すと、テキストボックスAの内容をテキストボックスBにコピーするようにしたいのですが、このようなことはjavascriptで可能でしょうか?

  • テキスト入力フォームの値を画面遷移なしで関数に渡す。

    <form>によるテキスト入力フォームに入力されている値を、javascript関数に渡したいと思います。 ページ遷移させずに渡す方法はありますでしょうか？ onclickで関数を呼び出しても、ページが再読込されてしまいます。 <a href="javascript:xxxxxx">で関数を呼び出して、ページ遷移なしで、値を渡すことはできました。 これと同様の効果を、テキスト入力フォームでも行いたいと思っています。 お分かりの方がいらっしゃいましたら、お教え願いたいと思います。 よろしくお願い致します。

  • フォームで入力した値を別のフォームにコピーする

    はじめまして！ javascriptでフォームAに入力した内容を ボタンが押されたら同一ページのフォームBに ペーストされるscriptを作りたいのですが そういったスクリプトを公開しているものがあれば 教えていただきたいです。よろしくお願いいたします。 やりたい事： [フォームA]--------------------- 　お名前：テキスト 　性別：ラジオボタン 　趣味：セレクトボックス 　コメント：テキストエリア 　[コピーボタン]←内容をコピーするボタン -------------------------------- ↓コピーボタンが押されたら↓ [フォームB]--------------------- 　お名前：テキスト 　性別：ラジオボタン 　趣味：セレクトボックス 　コメント：テキストエリア -------------------------------- Aフォームに入力した内容Bフォームに反映される よろしくお願いいたします。

  • フォームを利用したテキストの代入

    お世話になっております。 こんな事ができるのかわかりませんが、ご相談させて下さい。 今伝票入力のシステムを作成しているのですが、 あるフォームＡにテキストＢ(取引先コードとします）があります。テキストＢをダブルクリックするとフォームＣ（取引先コード検索）が開きます。 フォームＣ上にテキストＤ（取引先名）があり、取引先名の一部を入力し、入力した名称に対応する取引先コードが（リストボックス等）表示され、 表示されたリストボックスの該当部分を選択するとフォームＡのテキストＢに反映するみたいな事ができればと思っています。 別途。検索画面を作成して、そこでコードを調べて、そのコードをフォームＡに戻り入力するという手もありますが、 相談させていただいている方法のほうが便利なような気がするので、なんとかならないかなと思っているところです。 実現不可能であれば、別途考えますが、もしご存知であれば教えていただければと思っております。

  • Access2002で空白フィールドに同じ値を一発で入力したい

    度々お世話になっております。 ただいま、MDBのバージョンアップをしておりまして、あるテーブルに新規フィールドを作成し、かつそのフィールドに同じ値（デフォルト値）を入力しなければならなくなりました。 マクロとかを弄くってみたのですが、値の挿入はレポートやフォームが対象のようでうまく行きません。 基本的な技術なのかもしれませんが、うまく解決できる方法をご教授いただきたく存じます。 例） AテーブルにBフィールド（数値型）を追加（これは手動でやりました） Bフィールドの全てのレコードに「0」を代入したい （最初は手打ちでやろうかと思いましたが、何万件もありますので、一発で代入できればな、と・・・） よろしくお願いいたします。

  • 入力されたテキストの内容が日付型かどうか

    こんにちは。 Webページ上のテキストボックスに入力された 内容が"2006/08/31"など"数値型"であるかどうかを JavaScriptのなかの関数で判別したいのですが， そのような関数はあるでしょうか？ 教えてください。よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する