よろしくお願いいたします。
たとえば、セレクトボックスを作り
<form name="form1" method="post" action="send.cgi">
<select name="option1">
<option value="sample1">サンプル1</option>
<option value="sample2">サンプル2</option>
<option value="sample3">サンプル3</option>
</select>
</form>
そしてjavascriptにて
form1.option1.selectedIndex=2;
などとすると、スクリプトからセレクトボックスの選択内容を変化させることができます。ここまでは問題ありません。
さて、このセレクトボックスが別ウインドウにあり、別ウインドウを開く際、特定の選択をした状態で開きたいのですが、それは可能なのでしょうか?
まず、親ウインドウから子ウインドウを開きます。
var childWindow = window.open('http://hogehoge.com/sample.html', 'kowindow');
このhttp://hogehoge.com/sample.html(子ウインドウ)に、先ほどのフォーム、セレクトボックスが書かれています。
親ウインドウから、子ウインドウを開く際、セレクトボックスの選択内容を変化させたいのです。
kowindow.form1.option1.selectedIndex=2;
みたいな感じですが、これでは動作しません。どうすればいいでしょうか? また子ウインドウに何かスクリプトを埋め込む必要があるでしょうか。
どうぞよろしくお願い申し上げます。
No.1ベストアンサー
- 回答日時:
>var childWindow = window.open('
http://hogehoge.com/sample.html', 'kowindow');であれば
×kowindow.form1.option1.selectedIndex=2;
○childWindow.form1.option1.selectedIndex=2;
では?
ただし・・・
(1)別のドメインだとセキュリティの関係で、javascriptで制御は無理かもしれません
(2)ブラウザの仕様でform1みたいなアクセスはできない可能性があります。
(getElementByIdなどでidを指定してアクセスしないといけないかもしれません)
ちゃんとやるなら
http://hogehoge.com/sample.html?xxx=2
のようなアクセスの仕方をして、サーバー側のプログラムでxxxに指定された数値を
もとにデフォルトの表記を変えるような処理が妥当です
お返事が遅くなり申し訳ございませんでした。ご回答いただき、ありがとうございました。
残念ながら、同ドメインでも、別ウインドウの制御はできませんでした。getElementsByNameでやってみても、同じページは上手くいくのですが、やはりポップアップウインドウ内は無理でした。
結局、最後におっしゃっていただいたとおり、引数を使ってパラメーターを引き渡し、新しいウインドウのonloadイベントで引数を取得して処理する方法で解決しました。
どうもありがとうございました!!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HPビルダー9で、プルダウン形...
-
javascriptでプルダウンメニュ...
-
カタカナ変換を一発でする方法
-
ジャンプメニューをblankで開き...
-
javascriptを使った自動計算→送信
-
HTMLのoptionタグ部分に画像を...
-
複数のプルダウンからリンクす...
-
jQuery if文の条件分岐 (。ノд...
-
複数ファイルで共通のセレクト...
-
【プルダウンメニュー】フレー...
-
2つの<select>フォームの完全...
-
プルダウンメニュー項目のフォ...
-
プルダウンを2つ以上並べる時に...
-
送信ボタン押下時に値が未入力...
-
submitをボタン以外にするには
-
【html】)パスワード認証フォー...
-
type="hidden"を使って時刻を送信
-
URL パラメータを使ってフォー...
-
inputタグのclass名にコロン「:...
-
HTML Formの属性actionは2つの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニュー項目のフォ...
-
プルダウンの切り替えについて
-
<SELECT>タグでの selected 状...
-
セレクトボックスの幅をプルダ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ設けて選...
-
セレクトボックスを切り替える...
-
jQuery要素の絞り込み + <selec...
-
プルダウンを2つ以上並べる時に...
-
複数のプルダウンの値をパラメ...
-
プルダウンメニューアイテムの...
-
リストボックス全選択について
-
HPビルダー9で、プルダウン形...
-
複数のプルダウンからリンクす...
-
プルダウンメニューで、選択項...
-
javascriptを使った自動計算→送信
-
2つの<select>フォームの完全...
-
複数のプルダウンメニューの設...
-
プルダウンでリンク先へいくと...
おすすめ情報