• ベストアンサー

テキスト/セレクトバリューの複製

フォームで、テキストで入力したものやセレクトインデックスから選択したものを同じページ内に表示させたいのです。 （もう一度同じ内容の物を打ったり、選んだりする手間を省きたいため） どうすればよいでしょうか？ すみませんが、どなたかお知恵をお貸しください。

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

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

補足を要求された方からの回答がないようなので・・・ HTMLのHEAD領域に、下記内容を埋め込んでください。 <SCRIPT language="JavaScript"><!-- function move_data(f) { f.tx03.value = f.tx01.value; f.tx04.value = f.tx02.value; } //--></SCRIPT> さらに、確認ボタンを <INPUT type="button" value="確認" onClick="move_data(this.form)"> として下さい。 これだけでＯＫです。

milktea_
質問者

お礼

ありがとうございました、嬉しいです！ 助かりました。

その他の回答 (1)

回答No.1

milktea_さん、こんにちわ。 私もあまりJavaScript得意でないですが・・・ 質問には書いてなかったのですが、どのタイミングで同じページ内に何処に表示したいのですか？ 例えば、入力されて別のフォームに入力する場合はonBlurで別のフォームに同じ値を代入する関数を呼出すという風になると思います。 もし、その場合と仮定すると <HTML> <HEAD> </HEAD> <BODY> <FORM NAME="fo01"> <INPUT TYPE="text" NAME="tx01" onBlur="document.fo01.tx02.value=document.fo01.tx01.value"> <P> <INPUT TYPE="text" NAME="tx02"> </FORM> </BODY></HTML> みたいになります。 セレクトインデックスもこれの応用になります。

milktea_
質問者

補足

説明不足ですいません。 例えば、 名前：<INPUT TYPE="text" NAME="tx01"> 住所：<INPUT TYPE="text" NAME="tx02"> というテキストエリアがあったとして、 確認ボタン <INPUT type="button" value="確認" onClick="・・・・・"> を押すと、下に用意してあるテキストボックスに入力した値が入るようにしたいのです。 名前：<INPUT TYPE="text" NAME="tx03"> 住所：<INPUT TYPE="text" NAME="tx04"> すみませんがお願いします。

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

関連するQ&A

  • TextとValueの違い？

    Access2010です。 フォームに有る数値入力のためのテキストボックスのKeyDownイベントに、入力後の値がゼロかNullか空白なら再入力させるようにコードを記述しましたがこれでは「型が一致しません」のエラーになります。 －－－－－KeyDownイベントの内容　ここから－－－－－ Select Case Keycode Case 13 If IsNull(Me.数量.Text) Or Me.数量.Text = "" Or Me.数量.Text = 0 Then MsgBox ("数量が不正です"), vbCritical Keycode = 0 End If End Select －－－－－KeyDownイベントの内容　ここまで－－－－－ でも、Exitイベントに同じような内容を記述した場合は希望通りの動きをします。 ※上記コードからSelectとKeycode=0を外し、TextをValueに変更。 私が何かを理解できていないのだと思いますが、何が違うのでしょう？

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

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

  • セレクトボックスに追加する方法！

    HTMLのフォームでテキスト入力の欄で5行にわたって 名前が表示されていると考えて2行目と5行目を選択して そのテキストフォームの下にインプットボタンがありそれを押すとセレクトボックスの中にある値に先ほど2つ選択した値を追加したい場合どういうロジックを書けばいいのでしょうか？ 何分プログラムを勉強し始めたばかりなのでご教授ください。

  • POSTでセレクトフォームの値を渡す

    こんにちは。初めて質問させていただきます。 過去ログを検索して似たような内容の投稿は読んだのですが、どうにも自分がやりたいことへの応用が利かないため投稿させていただきました。環境はPHP4.3.2 DBはMYSQLを使用しています。 やろうとしていることは、入力フォーム上（index.phpとします）で任意（セレクトフォーム）でテーブルを選択し、その選択したテーブルにセレクトフォームの下にあるテキストフォームの値を挿入しようと考えています。 引っかかっている部分はセレクトの値の部分です。（テキストの方はテーブルを固定すると問題なかったので省略します） <<index.php>> <form action="inputdata.php" method="post"> <select name="dblist"> <? $mysql = mysql_connect(SERVER,USER,PASS) or die ("MYSQLに接続できませんでした\n"); mysql_select_db(DB,$mysql) or die ("データベースの接続に失敗しました\n"); $dbresult = mysql_query("SELECT * FROM listtable", $mysql); while($row = mysql_fetch_assoc($dbresult)){ echo "<option value='{$row['list_tb']}'>{$row['list_name']}"; } mysql_close($mysql); ?> </select> //これより下にテキストが入りますが省略します </form> 上記のような渡し方の場合、受け取る側(inputdata.php)を $table = $_POST['dblist']; と書いているのですが、echoで$tableを表示してもなにも表示されませんでした。（nullでした） 受け取り側(inputdata.php）の書き方が悪いのでしょうか？それともそもそもの渡し方（index.php)が悪いのでしょうか？ 基礎的なことかもしれないのですが、適切な受け渡し方法があれば教えてください。よろしくお願いします。

    • ベストアンサー
    • PHP
  • select値をhiddenのvalueに渡したい

    selectで選択されたvalue値を下のhiddenのvalue値(id)に渡して、 hiddenのvalue値(id)がselectで選択されたvalue値になるような フォームを作りたいのですが、作り方をお教え頂ければ幸いです。 <form name="form" method="get" action="index.cgi"> <select name="mode"> <option value="100023">和書</option> <option value="100241">洋書</option> <option value="100524">エレクトロニクス</option> </select> <input type="hidden" name="serch_janru" value="id" /> <input type="text" name="keyword" value="keyword" /><input type="submit" name="submit" value="商品を検索" /> </form> ソース等、具体的にお教え頂けると助かります。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML
  • セレクトメニューで選んだ値をテキストボックスへ

    ４個のセレクトメニューで選択した値（文字列）を、自動で１個のテキストボックス（INPUT）に連結して入力する方法はありますか？ 例えば　SelectMenuAで、「あい」を選択。 　　　　　 SelectMenuBで、「うえ」を選択。 　　　　　 SelectMenuCで、「おか」を選択。 　　　　　 SelectMenuDで、「きく」を選択。 その後に配置してあるテキストボックスに「あいうえおかきく」が表示される かたちです。 当方javascriptを勉強中の身で、サンプルプログラムをお見せいただけ ればと思います。 テキストボックスの値の連結ならできるのですが、セレクトメニューの選択値で 同じことをすることに手こずってます。

  • テキストボックスとセレクトボックスの選択肢の連携

    この度はお世話になります。 １個のテキストボックスに入力された文字列により、その後の１個の セレクトメニューの選択肢を変更することってできるのでしょうか？ 具体的には以下のような動作です。 ・デフォルトではテキストボックスに文字列が入力された場合は、 　その後のセレクトボックスには「トマト、きゅうり、ほうれんそう」 　の選択肢が入る。 ・テキストボックスに「あいうえお」と入力された時のみ、その後の 　セレクトボックスが「りんご、みかん、ぶどう」の選択肢に変わる。 ・テキストボックスに「かきくけこ」と入力された時のみ、その後の 　セレクトボックスに「あじ、さば、かつお」の選択肢に変わる。 こんな感じですが、よろしくお願い致します。 当方、只今javascriptを勉強しており、条件式に苦戦しております。 サンプルプログラムを見せていただけるとありがたく思います。

  • セレクトボックスについて

    現在、PHP画面を使って登録画面を作成しています。 必要事項を打ち込んだら、「確認」のボタンを押し、ページジャンプして 打ち込んだ内容を確認させその内容でよければ「登録」ボタン、 修正したければ「修正」ボタンといった流れで、修正ボタンを押すと 必要事項を打ち込んだ画面に戻るようにしているのですが、 その際、セレクトボックス(<select>)に最初に打ち込んだ内容を表示させたいのですが どうしたらいいのでしょうか？ (最初にセレクトボックスで「男」を選択していたら修正で戻っても「男」が選択されているようにしたい) input typeのtextで打ち込んだ内容はセッションと変数を使ってvalueに値を入れたら 表示することができたのですが… 回答お待ちしています。

    • ベストアンサー
    • PHP
  • セレクトしたときに全て初期状態に戻ってしまいます。

    こんにちは。 先日、こちらでご教授いただいた者です。 調べたのですが、その部分についてのいい方法が見つからなかったので、新たに質問させていただきました。 同一ページにテキストフォームと、 3つのセレクトボックスがあり、 その3つのセレクトボックスのうち、2つは連動しますが、残り一つは連動しないようにしたいのですが。 現状は、2つの連動するセレクトボックスを選ぶと 全てが初期状態（未選択の状態）になってしまいます。こちらでご教授いただいた方法を使い、 連動する部分で、onChangeイベントを使っています。 また連動する部分で、一つ目の選択肢を選んだときに、一度mysqlへ問い合わせ、2つ目の項目をmysqlからもってきて表示しています。 連動するセレクトボックスの操作をしたときに 他のテキストフォームや、セレクトボックスが初期状態に戻らないようにするには、どのように改良すればよろしいでしょうか？どうかご教授くださいませ。 よろしくお願いいたします。 WinXP mysql4.0 php4.2 Apache1.3

    • ベストアンサー
    • PHP
  • セレクトメニューに値を戻す

    よろしくお願いします。 現在、 (1)「入力ページ」から値を取得しCSVに書き込み (2)特定キーによりCSVの内容を「編集ページ」に読み出し と言うことを行いたいのです。 (1)は問題ないのですが、 (1)の「入力ページ」からセレクトメニューで取得した値を(2)でもセレクトメニューで取得したいのですが可能でしょうか？ 要は(1)も(2)も見た目を同じに、 「入力ページ」は新規入力用、「編集ページ」は変更・更新用というふうに使いたいです。 例えば、 セレクト項目の内容が、 　北海道 　青森県 　岩手県 　宮城県 となっており、(1)で「青森県」を選択→CSVへ書き込み とし、 (2)の表示の時にセレクトメニューには「青森県」が表示されており、かつ上記の項目が選択可能であるようにしたいのですが、 どなたか情報等お持ちの方いらっしゃいましたら、 よろしくお願いいたします。 webサーバー・・・HP-UX web・・・IE CGI開発言語・・・Perl 開発端末・・・windows2000(Tera Term 使用)

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する