- ベストアンサー
テキスト領域に入力した値を利用して、他のテキスト領域の数を追加したいのですが。
教えてください。 現在、入力フォームを作成しています。 テキスト領域（A）で入力した数値分だけ、テキスト領域（B）の数を作成したいのですが、そのようなことは可能でしょうか？ 例えば、 「OnChangeを使用して、テキスト領域（A）に数値を入力し、移動した時にテキスト領域（A）の数値分だけ、テキスト領域（B）を作成する」 といったようなことなんですが・・・。 Javascript関連のWebを見たのですが、テキスト領域の追加（挿入）といったようなことが書かれていないので、どなたかご存知でしたら、よろしくお願いします。
- YUKITA
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
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>
その他の回答 (1)
- arukamun
- ベストアンサー率35% (842/2394)
＞arukamunさん、ご回答ありがとうございます。 ＞サンプルで、私がイメージしていた感じになっておりました。 貴殿の質問の通りに作りましたから当然です。(笑) ＞。今後の調整作業のために、お伺いしたいのですが、 ＞(1)「document.getElementById('b').innerHTML = html ; ＞」の部分で、実際に埋め込んでいるという認識でよろしいでしょうか？ その通りです。 ＞(2)「<P><SPAN ID=b></SPAN>」は何を行っているのでしょうか？ 特定のIDを持つ<SPAN>でも<DIV>でも良いのですが、 <XXX></XXX>の様な囲まれた部分にinnerHTMLでHTMLを埋め込んでいます。
お礼
rukamunさん。 追加の質問にご回答いただき、ありがとうございます。 おかげ様で何とか作成することができました。m(__)m SPANタグの部分が、なんとなくもやもやしていたので、すっきりしました。本当に感謝しております。
お礼
arukamunさん、ご回答ありがとうございます。 サンプルで、私がイメージしていた感じになっておりました。 今後の調整作業のために、お伺いしたいのですが、 (1)「document.getElementById('b').innerHTML = html ; 」の部分で、実際に埋め込んでいるという認識でよろしいでしょうか？ (2)「<P><SPAN ID=b></SPAN>」は何を行っているのでしょうか？ 大変お手数ですが、ご回答いただけたら幸いです。