ポップアップウインドウで選択した内容をテキストボックスへ

解決済

質問者：s-holmes
質問日時：2001/02/17 11:08
回答数：2件

こんなことをやりたい。

テキストボックスには「趣味」を入力する。テキストボックスの脇のリンクをクリックすると、趣味一覧が表示され、ラジオボタンをクリックすると、元のウインドウのテキストボックスにその選択された「趣味」が入っている。

これはむずかしいでしょうか。

＃ポップアップウインドウはわかります。
＃ラジオボタンをクリックしたときにテキストボックスへという部分がよくわからず。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： sasadora
回答日時：2001/02/18 01:37

サンプル用のHTMLを作成してみました。

こんなのでいかがでしょうか？
参考URLに実際に配置しているので、動かしてみてください。

test.htmlから参照をクリックすると、hobby.htmlを開きます。
hobby.htmlでは、openerというオブジェクトで開き元のwindowを参照できます。
選んだら勝手に閉じるようにした方が自然だったのでそうしてみました。

test.html********************
<HTML>
<BODY>
<SCRIPT LANGUAGE=javascript>
function popup(){
open("hobby.html", "hobby", "width=200,height=300");
}
</SCRIPT>
<BR>
<FORM NAME="main">
趣味を入力してください。
<INPUT TYPE=text SIZE=30 NAME=hobby><A HREF="javascript:popup()">参照</A><BR>
</FORM>
<BR>
</BODY>
</HTML>
********************
hobby.html********************
<HTML>
<BODY>
<SCRIPT LANGUAGE=javascript>
function radio_click(sel){
opener.document.main.hobby.value=sel;
close();
}
</SCRIPT>

<INPUT TYPE=radio NAME=hobby value="釣り" onClick="radio_click(this.value)">釣り<BR>
<INPUT TYPE=radio NAME=hobby value="ゲーム" onClick="radio_click(this.value)">ゲーム<BR>
<INPUT TYPE=radio NAME=hobby value="スポーツ" onClick="radio_click(this.value)">スポーツ<BR>
<INPUT TYPE=radio NAME=hobby value="音楽" onClick="radio_click(this.value)">音楽<BR>
</BODY>
</HTML>
********************

参考URL：http://users.goo.ne.jp/sasadora/test.html