- ベストアンサー
サブウィンドウから親画面へのデータ受け渡し方法
- サブウィンドウで選択した項目を親画面のselectボックスに表示させる方法について教えてください。
- 以下のコードを追加することで、サブウィンドウでチェックボックスにチェックを入れて、ボタンを押すと親画面のselectボックスに選択項目が表示されます。
- 詳細な手順や注意点、その他のコードの説明なども教えていただけると助かります。
- masa1214
- お礼率95% (236/246)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<html> <head> <script language="javascript"> <!-- function ad(obj){ var jdg = 0; var obj1 = document.f.s; var val = "" if(obj.checked){ val = obj.value; } for(i=0;i<obj1.length;i++){ if(val == obj1.options[i].value ){ obj1.options[i].selected = true; jdg = 1; break; } } if(jdg == 0){ obj1.options[obj1.length] = new Option(val,val); obj1.options[obj1.length-1].selected = true; } } function wopn(){ subWin=window.open(); subWin.document.open(); subWin.document.write("<html><body><form name='sf' id='sf'>"); subWin.document.write("<input type='checkbox' value='東京' onclick='window.opener.ad(this);'>東京<br>"); subWin.document.write("<input type='checkbox' value='大阪' onclick='window.opener.ad(this);'>大阪<br>"); subWin.document.write("<input type='checkbox' value='名古屋' onclick='window.opener.ad(this);'>名古屋"); subWin.document.write("</form></body></html>"); subWin.document.close(); } //--> </script> </head> <body> <form name="f" id="f"> <input type="button" value="参照" onClick="wopn();"> <select name="s" id="s"> <option value=""> ------ </select> </form> </body> </html>
お礼
new Option(val,val) ↑こういう書き方があったんですね。 ありがとうございます。とても助かりました！