- ベストアンサー
子ウィンドウから親ウィンドウの複数の項目へのデータ反映
- 入力項目が存在する親ウィンドウでリンクで子ウィンドウを表示し、子ウィンドウで選択した情報を親ウィンドウのフォーカスが当っている入力項目に反映する方法について教えてください。
- 親ウィンドウの入力項目が複数ある場合に、子ウィンドウで選択した情報を親ウィンドウのフォーカスが当っている入力項目に反映する方法を教えてください。
- 親ウィンドウと子ウィンドウでデータの反映を行う方法を教えてください。親ウィンドウで複数の入力項目があり、子ウィンドウで選択した情報を反映させたいです。
- 653
- お礼率36% (138/382)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
【親ウィンドウ】 <html> <head> <script type="text/javascript"> var focusID = ''; function setFocus(str) { focusID = str; } </script> </head> <body> <a href="javascript:;" onclick="window.open('./test.html','t');">子ウィンドウ</a> <form name="fm"> <input type="text" name="A" onfocus="setFocus('A');"><br> <input type="text" name="B" onfocus="setFocus('B');"><br> <input type="text" name="C" onfocus="setFocus('C');"><br> </form> </body> </html> 【子ウィンドウ】 <html> <head> <script type="text/javascript"> var pObj = window.opener; function setData(obj) { var str = obj.options[obj.options.selectedIndex].value; pObj.fm[pObj.focusID].value = str; } </script> </head> <body> <select onchange="setData(this)"> <option value="その１">1 <option value="その２">2 <option value="その３">3 </select> </body> </html> こんなのはどうでしょうか。 上手く作り変えてみてください。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
textフィールドにfocusするたびにwindowを開くのはかなり うざいつくりなのでやめた方がいいですね。 テキストフィールドの横にボタンを置いて検索するか 入力必須項目であればセレクトボックスにするなど 工夫が必要でしょう。
