2つのフレームからなる親画面から子画面を開き、
子画面のリストボックス(またはプルダウンメニュー)で値を選び、
送信ボタンを押したときに、
親画面のインプットボックスに値を送る方法を教えてください。
また、何かよいサンプルあればURLのほうもお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

親画面への渡し方について:


参考URLの質問が、同様の内容かと思いますので参照してください。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=126268
    • good
    • 0

たぶん、次のような指定でよかったはずですが。

。。
子フレームで記述する場合です。
子フレームのSELECTの名前をlstとします.
onChangeで以下の処理を行うfunctionを実行。

親フレーム名.インプットボックス名.value=lst.options[lst.selectedIndex].value;
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q【プルダウンメニュー】フレームの中のインラインフレームに、ターゲットを指定するには?

現状は【フレームA(ヘッダー1)】【フレームB(ヘッダー2)】【フレームC(メイン)】【フレームD(フッター)】の4分割のうえに、更にフレームCの中に【インラインフレーム】があります。

フレーム3の中にプルダウンメニューを設置し、インラインフレームに表示させたいのですが上手く動作しません。

※ちなみに、「var target = "フレームA名";」で試してみると動作はするのですが…。
という事は「フレームの中のインラインフレーム」という点がネックなのでしょうか?

とあるソースを改良して使おうと思ったのですが、javascript素人につき行き詰まっています。どなたか回答いただけると嬉しいです。


<SCRIPT TYPE="text/javascript">
<!--

var target = "インラインフレーム名";

function jump(){
var url = document.form1.select.options[document.form1.select.selectedIndex].value;
if(url != "" ){
if(target == 'top'){
top.location.href = url;
}
else if(target == 'blank'){
window.open(url, 'window_name');
}
else if(target != ""){
eval('parent.' + target + '.location.href = url');
}
else{
location.href = url;
}

}

}

// -->
</SCRIPT>


<FORM NAME="form1">
<SELECT NAME="select" onChange="jump()">
<option value="">お選びください
<option value="Ahtml/arr">AAA
<option value="B.html">BBB
<option value="C.html">CCC
<option value="D.html">DDD
<option value="E.html">EEE

</SELECT>
</FORM>

現状は【フレームA(ヘッダー1)】【フレームB(ヘッダー2)】【フレームC(メイン)】【フレームD(フッター)】の4分割のうえに、更にフレームCの中に【インラインフレーム】があります。

フレーム3の中にプルダウンメニューを設置し、インラインフレームに表示させたいのですが上手く動作しません。

※ちなみに、「var target = "フレームA名";」で試してみると動作はするのですが…。
という事は「フレームの中のインラインフレーム」という点がネックなのでしょうか?

とあるソースを改良して使おう...続きを読む

Aベストアンサー

- - arrival.html - -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function jump(){
var url=document.form1.select1.options[form1.select1.selectedIndex].value;
if (url!="") document.arr.location.href = url;
}
</script>
</head>
<body>
<iframe name="arr"></iframe>
<FORM NAME="form1">
<SELECT NAME="select1" onChange="jump()">
<option value="">お選びください
<option value="aaa.html">AAA
<option value="bbb.html">BBB
</SELECT>
</FORM>
</body>
</html>

- - arrival.html - -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function jump(){
var url=document.form1.select1.options[form1.select1.selectedIndex].value;
if (url!="") document.arr.location.href = url;
}
</script>
</head>
<body>
<if...続きを読む

Qインラインフレームで組まれたHTMLで子フレームより、親フレームのUR

インラインフレームで組まれたHTMLで子フレームより、親フレームのURLを参照したいです。
parent.locationで参照出来ることは、わかったのですが、サイトの制御がかかっているようで
これは、使えないようです。

サイトは、楽天です。

他に何か方法があればと思うのですが、
ご教授のほど、お願い致します。

Aベストアンサー

楽天に限らず、javascriptで他のサイトのコンテンツにアクセスする事は出来ません。
<iframe>でも<frameset>でもajaxでも不可能です。
どうしても、自サイト内に別途代理応答的な動きをするプログラムが必要です。
楽天の何を取得したいのかわかりませんが、RSS Feedみたいな特定のXMLなら
アクセス用のAPIサービスを提供しているサイトもありますが...
http://code.google.com/intl/ja/apis/ajax/documentation/
http://code.google.com/intl/ja/apis/ajaxlanguage/documentation/
http://developer.yahoo.co.jp/
http://pipes.yahoo.com/poolmmjp/feed_api
http://www.ajax-cross-domain.com/

Qプルダウン形式リストボックス(コンボボックス)の値を変更したい

こんにちは!
教えて下さい。

チェックボックスとコンボボックスがあります。
コンボボックスの一つ目の値は(any)、二つ目以降はDATAです。
デフォルトでは、「チェック無し、コンボボックスの値(any)、コンボボックスは使用不可」にしています。
チェックボックスをチェックするとコンボボックスを使用出来、コンボボックスの値をあるDATAにしたとします。

ここで問題なのですが、この地点でチェックボックスを外した時、コンボボックス
の値を(any)と表示させたいのです。(コンボボックスも使用不可)
コンボボックスの表示されている値を任意に変えれるのでしょうか?

初心者なもので、すごく簡単な質問だったらお許し下さい。

Aベストアンサー

コンボを初期状態に戻したいという事ですよね?
それでしたら例えば、

 document.forms( 'formA' ).elements( 'comboA' ).selectedIndex = 0 ;

とすれば、「 formA 」というフォーム内の「 comboA 」の選択状態を先頭の項目に
戻せます。

QフレームのあるHPでプルダウンメニュー

上左右とフレームの切ってあるHPをビルダーで作っている者です。
似た感じの質問を過去ログから検索して読みましたが、質問させてください。

左フレームにプルダウンメニューを設置して、
プルダウンメニューをクリックすると
右メインページが切り替えれる様にしたいのです。

http://www.red.oit-net.jp/tatsuya/java/combobo2.htm←この様なプルダウンメニューを設置したいのですが、
フレーム切り替えのタグをどこをどういじっていいのかわかりません。

現在ローカルファイルで作成中で、フォルダに
上フレーム:flame1.htm(完成)
左フレーム:flame2.htm(←ここに設置したい)
メインページ:1.htm 2.htm 3.htm 4.htm
 と入っている感じです。

左フレーム↓
<script language="JavaScript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// --></script>

<form name="myForm">
<select name="myMenu" onChange="myGo()">
<option value="1.htm" >第1章
<option value="2.htm" >第2章
<option value="3.htm" >第3章
<option value="4.htm" >第4章
</select>
</form>

どこをどう直したらいいのか、是非お教え下さい。
よろしくお願いします。

上左右とフレームの切ってあるHPをビルダーで作っている者です。
似た感じの質問を過去ログから検索して読みましたが、質問させてください。

左フレームにプルダウンメニューを設置して、
プルダウンメニューをクリックすると
右メインページが切り替えれる様にしたいのです。

http://www.red.oit-net.jp/tatsuya/java/combobo2.htm←この様なプルダウンメニューを設置したいのですが、
フレーム切り替えのタグをどこをどういじっていいのかわかりません。

現在ローカルファイルで作成中で、フォルダ...続きを読む

Aベストアンサー

> location.href = document.myForm.myMenu.options[mySelect].value;

この行が問題ですね。
このスクリプトが左フレームにあるなら、
「location」だと左フレーム自身を指してしまいます。
右フレームのlocationに対して行わないといけません。

parent.右フレーム名.location.href = …
としてみてください。

Q子から親へチェックボックスの値を渡す

親ウィンドウに
<input type="text" size="30" value="製品名" name="disp_product" onClick="window.open('./search.php','search','menubar=no,height=500,width=800');">

というテキストフォームがあり、フォーカスされた際にsearch.phpが子ウィンドウとして開くよう設定してあります。

search.phpには
<input type="checkbox" name="sample1" value="sample1">sample1
<input type="checkbox" name="sample1" value="sample2">sample2
<input type="checkbox" name="sample1" value="sample3">sample3



<input type="checkbox" name="sample1" value="sample50">sample50

とあります。
この中でチェックされたものの値を「/」でつなげて、
親ウィンドウのテキストフォームに入力された状態にしたいと思っています。

が、一つの値を入力させるところまではできましたが、複数をとなるとできません。
どのようにしたらいいのでしょう。

現在、子ウィンドウのjavascriptは
function ich(n) {
window.opener.document.myForm.disp_product.value=document.getElementById("sample1").value;
window.close();
}
と記述してあります。
この場合は「sample1」が渡されるのはわかりますが、やはり複数を渡すというのがわかりません。

親ウィンドウに
<input type="text" size="30" value="製品名" name="disp_product" onClick="window.open('./search.php','search','menubar=no,height=500,width=800');">

というテキストフォームがあり、フォーカスされた際にsearch.phpが子ウィンドウとして開くよう設定してあります。

search.phpには
<input type="checkbox" name="sample1" value="sample1">sample1
<input type="checkbox" name="sample1" value="sample2">sample2
<input type="checkbox" name="sample1" value="sample3">sample3

・...続きを読む

Aベストアンサー

こんな感じではどうでしょうか。

function ich(n) {
//window.opener.document.myForm.disp_product.value=document.getElementById("sample1").value;
var valueArray = [], checkboxes = document.getElementsByName('sample1');
for (var i = 0, len = checkboxes.length; i < len; i++) {
if (checkboxes[i].checked) valueArray.push(checkboxes[i].value);
}
window.opener.document.myForm.disp_product.value = valueArray.join('/');
window.close();
}


人気Q&Aランキング

おすすめ情報