• ベストアンサー

Javascriptフォーム形成

javascriptを使って入力フォームを形成しようと考えています。 PHPからテキストボックスの数を8、テキストエリアの数を6と送って8それぞれの入力フォームを作成したいです。動的にフォーム形成したいです。 こんなことできますかね？ 教えて下さい。よろしくお願いします。

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

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

PHPで書いちゃえばいい気もするけど まあそれはさておき、 JavaScriptでHTMLを書くのは document.write を使えばいいわ。 あとはfor文で必要な回数回すだけね。

eccschool
質問者

お礼

あ、そっか。javascriptにこだわる必要もないのかも。 どうせページ遷移して表示しなきゃいけないし。 ちょっと考えてみます。

eccschool
質問者

補足

onloadで関数を動かしてformのデフォルトに設定されているテキストにjavascriptで指定したフォームを追加したいです。

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

関連するQ&A

  • JavaScriptでフォームへのフォーカス処理

    PHP、XHTML、CSSで応募フォームの作成をしております。 PHPとHTMLは別ファイルで作成しており、PHPにアクセスしてそのPHPが指定されたテンプレートを読みにいくような流れとなっております。 HTMLもPHPも完成して、応募フォームとして一通り動くようになったのですが、新たにフォーカス機能を追加したいということになりました。 具体的には、応募フォームの一番最初のテキストエリアに、ページ読み込み時にフォーカスを当てたいという内容です。 そこで、フォーカス機能用のJavaScriptを別ファイルで新たに作成し、動きを確認してみたところ上手く動きません。 HTMLとJavaScriptのソースは下記の通りです。 ==================================================================== ■HTML(全て書くと長くなってしまうので、簡略させていただきます) <script type="text/javascript" src="$path_top_js/focus.js"></script> <body onLoad="Focus()"> </head> <form name="top" action="index.php" method="POST" onReset="return false;" onSubmit="return false;"> <input type="hidden" name="USER_ID" value="$USER_ID"> <INPUT size="20" type="text" name="USER_ID" value="$USER_ID" MAXLENGTH="10"> </form> </body> ■JavaScript(focus.js) function Focus(){ document.top.USER_ID.focus(); } ==================================================================== 「フォームのname="USER_ID"というテキストエリアにフォーカスを当てる」という内容になります。 なぜフォーカスが当たらないのか、原因は予想がつくのですが、どう解決していいのか分かりません。 多分、フォームの値を保持するために記述しているhiddenタグ <input type="hidden" name="USER_ID" value="$USER_ID"> にJavaScriptのフォーカスが当たってしまっているみたいです。(フォーカスが当たっていると思われるhiddenタグは見ることができません) 試しにhiddenタグを外してみたところ、JavaScriptで指定したテキストエリアにフォーカスが当たっていることを確認しました。 「応募フォーム」ということで、ページ遷移した際にもフォームに入力した値を保持しておくためにhiddenタグは外したくないのですが、フォーカス機能もちゃんと動くようにしたいと思っております。 解決方法が分かる方いらっしゃいましたら、ご教授の程お願い致します。

    • ベストアンサー
    • HTML
  • JavaScript変数をPHPへ渡す

    JavaScriptで取得した変数を、PHP側で取得できるでしょうか？ ある入力フォームのテキストボックスに値を入力後、別のウィンドウ（windowopen）を開き 先の入力したテキストの値を利用して条件を抽出させ、 結果を入力フォームに戻したいのですが・・・

    • ベストアンサー
    • PHP
  • フォームで入力した値を別のフォームにコピーする

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

  • javascriptと連携したフォーム送信

    フォーム送信（メールフォーム）に関する質問です。 フォームの入力チェックをJavascirptのバリデータライブラリで行い 送信だけＰＨＰを使用するというタイプのメールフォーム作成を考えています。 必須入力、正規表現によるチェックなどをJavascript側でやるので ・ＰＨＰではPOSTされた値を受け取って、htmlspecialchars・mb_ereg_replaceあたりで変換した後メール関数に渡す。値がなければエラー これでいいんじゃないかと思うのですが、甘いでしょうか？ javascriptの無効状態による送信は、 ・Javascriptでhiddenかクッキーを出して、有効無効を判断 （hiddenのvalueかクッキーがＰＨＰで受け取れなければJavascript無効状態での送信としてエラー） を考えています。 ご意見よろしくお願いします。

    • ベストアンサー
    • PHP
  • フォームのテキストをリンク化するjavascript

    ブログ等で利用されている、フォームのテキストにリンクをつけるjavascriptを教えてください。 （詳細） フォームのテキストを選択し、ボタンを押すとURLを入力するwindowが開くjavascript よろしくお願いします。

  • Javascriptでテキストエリアにタグの制限をかけたいです。

    フォームで、テキストエリアの作成をしましたが、 迷惑メールで、テキストエリアにタグを入れて来るようになってしまったのですが、 テキストエリアへ、タグが入らないようにする、javascriptとかはありますでしょうか？ あれば教えて下さい。

  • JavaScriptを用いてテキストボックスをコントロールしたいのですが…

    閲覧ありがとうございます。 今回、PHPとJavaScriptを用いてとあるシステムの開発を使用と考えています。 　そのシステムには不特定多数の入力項目があり、テキストボックスに何か(情報)を入力することで、また新たなテキストボックスを生成し、次々と情報を入力できるようにしたい。また、エクセルの表のようなもので入力するのもいいかなと考えているのですが可能ですか？ 　次にその値をデータベース(PostgreSQL)に格納したい、また、PHPのフォーム処理は可能ですか？ 　ご意見ご感想、また、やり方などを教えて頂きたいです。

  • ★PHP★フォーム登録時にタグを読み込まない方法

    PHPで登録フォーム作成してます。 テキストエリアにタグを入力すると、データが壊れてしまいました。 タグを入力できないようにする方法はありますでしょうか？ よろしくお願いします。

    • ベストアンサー
    • PHP
  • javascriptからの検索に関して

    曖昧な質問で申し訳ありませんが、教えて下さい。 あるテキストエリアに、社員番号を入力したら、即座に別のテキストエリア に名前を表示させるというような仕掛けを作成しようと考えています。 Javascriptを用いて、６桁（社員番号）入力されたらキックするというような 記述をしましたが、名前自体がＭｙＳＱＬの中に存在する為、ＰＨＰで検索 しようと考えています。 <script language=javascript> function test(obj,tugi){ if(obj.value.length>=6) { } } ここからがどのように仕掛けを作成すれば良いかわかりません。 何かアドバイスを頂けないでしょうか？ よろしくお願いします。

    • ベストアンサー
    • PHP
  • JavaScriptの書き方

    今、プログラミングの専門学校でJavaのフレームワークStruts1.3.8を用いた模擬チームワーク開発を行っています。そこで、今行き詰っているので質問なのですが １．jspファイルのテキストボックス内の要素（時刻入力欄）を時刻フォーム(xx:xx)に自動整形するJavaScript。 ２．別のテキストボックス（備考欄）の入力文字数が半角200文字を超えたらエラーを出すJavaScript。 ３．パスワード(password)と確認パスワード(password2)が一致しなければ送信ボタンを押しても送信しないようにするJavaScript。 に現在取り組んでいます。 Struts、JavaScriptについては一通りしか習ってませんので、何かいいアイデアがありましたらよろしくお願いします。

    • ベストアンサー
    • Java

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する