下記のようなHTML(抜粋)のフレーム内(子)から、フレームの外側(親)のコンボボックスの値を変更(現在は「起」が選択されていますが、例えば、これを「承」に変更)したいのですが、JavaScriptをどのように記述すればよいでしょうか?
Top.Hoge ( または、Parent.Hoge ) の後の書き方がわかりません。
(手持ちの書籍は一通り調べてみたのですが、探し方が悪いのか・・・?)
ご存知の方、コメントを頂けると助かります。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="JavaScript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>題名</title>
........(略)........
<form name="form2">
// ↓以下、コンボボックス ( ドロップダウンリストボックス? )
<select name="Hoge" onchange="FunctionName(Args.......(略).........)">
<option value="0" selected>起
<option value="1 " >
承
<option value="2 " >
転
<option value="3 ">
結
</select>
</form>
<tr><td colspan="3" align="center">
<iframe width="1200" height="800 "src="/........(Path)......../Hoge.html"></iframe>
</td></tr>
No.1ベストアンサー
- 回答日時:
ちょっとしたサンプルを作りました。
如何でしょうか。Test.html
'************************************************
<form name="form2">
<select name="Hoge">
<option value="0" selected>起
<option value="1">承
<option value="2">転
<option value="3">結
</select>
</form>
<iframe src="Hoge.htm"></iframe>
'************************************************
Hoge.html
'************************************************
<script language="javascript">
<!--
function setCombo(obj)
{
parent.form2.Hoge.value = obj.value;
}
//-->
</script>
<input type="radio" name="ttt" value="0" onclick="setCombo(this)">起
<input type="radio" name="ttt" value="1" onclick="setCombo(this)">承
<input type="radio" name="ttt" value="2" onclick="setCombo(this)">転
<input type="radio" name="ttt" value="3" onclick="setCombo(this)">結
'************************************************
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
プルダウン選択を変更すると、...
-
JavascriptからSQLへ繋ぎ方が分...
-
selectを変更不可にしたい
-
3つのselectでURLパラメータを...
-
連想配列を使ってコンボボック...
-
hiddenに値を設定する方法
-
全てのselect要素をデフォルト...
-
console.logがどうしても2つ機...
-
javascriptでoptionタグを削除...
-
selectの初期値を設定したい
-
selectが変更されたらnameを指...
-
Selectボックスの一覧表示方法
-
まったく同じ<select>フォーム...
-
ラジオボタンの選択に応じてプ...
-
JavaScriptで<select>の<option...
-
selectボックスの選択結果を変...
-
セレクトメニューの値をクッキ...
-
セレクトボックスで配列を呼び...
-
javascript:データを日本語で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
【JS】selectでchangeした時の...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
複数のプルダウンを1つにまとめ...
-
コードレビューをお願いします。
-
JavaScriptで<select>の<option...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
javascriptで合計金額を算出し...
-
中百舌鳥駅と深井駅を入れ替え...
-
同じ名前のセレクトがある場合...
-
セレクトボックスで配列を呼び...
-
今日の日付を自動的にセレクト...
-
プルダウンの値によって活性・...
-
サイト内の物件を複数の検索条...
おすすめ情報