- 締切済み
フォームに入力したテキストを別フレームのフォームに反映させるには？
上と下でフレーム分けしたページで、以下のような構成です。 上段フレームのフォームに入力した内容を、フォームの右側に設置した変更ボタンを押すことで、 下段フレームのプルダウンメニューとテキストフィールドに上記の構成のような感じで反映させたいのです。 社員番号の反映までのスクリプトを書いたところで、わからなくなってしまいました。 名前・部署・営業所・年齢も反映させるにはどうすればいいでしょうか？ 画面イメージ----------------------------------------------------------- 社員番号 名前 部署 営業所 年齢 [I00001] [山田太郎] [営業] [東京] [25] 【変更ボタン】 [I00002] [鈴木次郎] [販売] [大阪] [30] 【変更ボタン】 ======================================================================= 社員番号 名前 部署 営業所 年齢 《I00001▼》 《山田太郎▼》 《営業▼》 《東京▼》 [25] ------------------------------------------------------------------------ [XXXXX]がテキストフィールド、 《XXXXX▼》がselectのプルダウンメニューでいくつか選べるようになっています。 ★上段(ue_frame.html)★ <html> <head> <title>社員情報</title> <script language="JavaScript"><!-- function sendData(id) { syainbangou_label = id+"_syainbangou"; syainbangou_value = document.getElementsByTagName(syainbangou_label).value; //alert(parent.ue_frame.document.entry.syainbangou.options.length); for(count=0; count<parent.ue_frame.document.entry.syainbangou.options.length;count++){ if(id == parent.ue_frame.document.entry.syainbangou.options[count].value) { parent.ue_frame.document.entry.syainbangou.options[id].selected=true; } } } // --> </script> </head> <body> <form> <table> <tr> <td>社員番号</td><td>名前</td><td>部署</td><td>営業所</td><td>年齢</td><td></td><td></td><td></td> </tr> <tr> <td><input type="text" name="1_syainbangou" value="I00001"></td> <td><input type="text" name="1_syain_namae" value="山田太郎"></td> <td><input type="text" name="1_busyo" value="営業"></td> <td><input type="text" name="1_eigyousyo" value="東京"></td> <td><input type="text" name="1_age" value="25"></td> <td></td> <td><input type="button" value="変更" name="1_update" onClick="sendData(1)"></td> </tr> <tr> <td><input type="text" name="2_syainbangou" value="I00002"></td> <td><input type="text" name="2_syain_namae" value="鈴木次郎"></td> <td><input type="text" name="2_busyo" value="販売"></td> <td><input type="text" name="2_eigyousyo" value="大阪"></td> <td><input type="text" name="2_age" value="30"></td> <td></td> <td><input type="button" value="変更" name="2_update" onClick="sendData(2)"></td> </tr> </table> </body> </html> ★下段(sita_frame.html)★ <html> <head> <title>社員情報登録</title> <script language="JavaScript"><!-- // --></script> </head> <body> <form name="entry"> <table border="0"> <tr> <td>社員番号</td><td>名前</td><td>部署</td><td>営業所</td><td>年齢</td><td></td> </tr> <tr> <td> <select id="syainbangou"> <option>社員番号を選択 <option value=1>1.I00001 <option value=2>2.I00002 </select></td> <td> <select> <option>名前を選択 <option>1.山田太郎 <option>2.鈴木次郎 </select></td> <td> <select> <option>部署を選択 <option>1.営業 <option>2.販売 </select></td> <td><select> <option>営業所を選択 <option>1.東京 <option>2.大阪 </select></td> <td><input type="text" name="age" value="0"></td> </tr> <table> </form> </body> </html>
- choco1112
- お礼率68% (28/41)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
ご質問文のフレーム名が入れ替わっていませんか？（あるいはスクリプト内のフレーム名がおかしい？） 画面イメージから見ると上段、下段はご提示の名称であっているようですが、スクリプトを見ると上段にプルダウンがあるように記してあります。 （なので、現状のままだとエラーで動作しません。） やりたいことが、いまいち不明なのですが… テキスト入力の各項目の内容を、変更ボタンを押したらプルダウンに反映させたいということでしょうか？ この場合、テキスト入力の項目は自由に値を入力できますが、現状のコードだと、入力フォームの一段目の変更ボタンを押すと、テキスト入力の内容に何が入力されていても関係なく、固定的にオプションの1番目が選択されるようになっていますが、どういう意味なのでしょうか？ 目的として、上段に社員のリスト（固定：入力できない）があってそのどれかを選択すると、下段のドロップダウンにそれが反映されるということでしょうか？（ドロップダウンから選ばなくても、セットで選択できるということか？） だとすると、下段がドロップダウンである必要はないですよね？ （上段全体がドロップダウンの機能をもっている） または、上段はやはり可変の入力で、例えば社員のＩＤ（社員番号）だけ入力すればあとは、プルダウンに残りの項目も反映させたいということ？ だとすると、上段の入力行が複数ある意味が不明です。 この場合は、社員を特定すると、各項目（社員番号、氏名など）はセットであるべきものですが、プルダウンは個別に選択できるので関連性はまったく制御されていませんが、それで良いのでしょうか？ また、プルダウンのセットのされ方もよくわかりません。 あらかじめ、HTMLで全社員分のプルダウンがオプションにセットされているというイメージなのでしょうか？ （↑これってけっこうメンテナンスとか大変そうですね） 上段の入力が目的なのか、下段のプルダウンのセットが目的なのかよくわかりません。（下段がプルダウンであることの意味も不明） どこかに社員リストかなんかがあって、社員番号だけ入力すれば、リストと照合して、各項目が表示されるとかいうのではないのかなぁ…？
