- ベストアンサー
子ウインドウを開く際、フォームの内容を指定する方法
- 子ウインドウを開く際、フォームの内容を指定する方法について説明します。
- セレクトボックスを使用してフォームの内容を指定し、javascriptを使用して子ウインドウを開くことができます。
- しかし、セレクトボックスの選択内容を子ウインドウで変化させるためには、子ウインドウにスクリプトを埋め込む必要があります。
- suiyoudoudesyou
- お礼率93% (171/183)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- 変数にフォーム名を指定したい
下のスクリプトは、プルダウンメニューの項目を選択するとフォームにそのvalueを渡すものです。 フォームに original という name を指定しています。 putselect関数の中の document.reg.original の original を直で打つのではなく、 putselectの引数として、指定したのですがどのようにすると良いでしょうか？ JavaScript function putselect(obj){ document.reg.original.value = obj.options[obj.selectedIndex].value; } HTML <form name="reg"> <input name="original"> <select onchange="putselect(this)"> <option >#作品の選択</option> <option value="a">A</option> <option value="b">B</option> <option value="c">C</option> </select> </form> <hr> こうなってほしい。 function putselect(obj,フォーム名の変数){ document.reg.フォーム名の変数.value = obj.options[obj.selectedIndex].value; } HTML <form name="reg"> <input name="original"> <select onchange="putselect(this,original)"> <option >#作品の選択</option> <option value="a">A</option> <option value="b">B</option> <option value="c">C</option> </select> </form> <hr> これと同じ動作であれば、nameでなくidなどでも構いません。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- リストボックスを連動させて・・・その２
直前の質問で下記の回答をいただいたものです。 質問では２つのリストボックスを連動させたサンプルの回答をいただきましたが、ひょっとして、リストボックスの個数が何個でも対応させることはできないでしょうか。つまり、リストボックスのnameなどをscript部分に記さずに・・。 ここまでサンプルをもらっても改造できないので質問。 (^^; ■JavaScript <SCRIPT language=JavaScript> <!-- strBase = "test.cgi?hinmei=denwa "; strS1 = "&s1="; strS2 = "&s2="; function set(){ strS1b = strS1 strS2b = strS2 if (document.form.s1.options[document.form.s1.selectedIndex].value) strS1b += document.form.s1.options[document.form.s1.selectedIndex].value; if (document.form.s2.options[document.form.s2.selectedIndex].value) strS2b += document.form.s2.options[document.form.s2.selectedIndex].value; strURL = strBase + strS1b + strS2b; document.form.text.value = strURL; } //--> </SCRIPT> ■フォーム <FORM NAME="form"> <select name="s1" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="big">big</OPTION> <OPTION VALUE="small">small</OPTION> </SELECT> <select name="s2" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="red">red</OPTION> <OPTION VALUE="white">white</OPTION> </SELECT> <INPUT TYPE="text" SIZE=50 NAME="text"> </FORM>
- ベストアンサー
- JavaScript
- セレクトボックスのname属性が配列の時の指定方法
お世話になります。 カテゴリがPHPかJavaScriptか迷ったのですが、直接的にはJavaScriptなのでこちらで失礼します。 現在PHPを使用してサイトを作成しております。 その中で２週間分のデータを記載したセレクトボックス（計１４個）があるため、以下のように設定しました。 -----------------------------以下が7回続く <select name="nowweek[]"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select name="nextweek[]"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> ------------------------------ この書き方でPHPでは問題なくデータの登録が出来たのですが、このセレクトボックスを使用してJavaScriptを動かさなくてはならなくなってしまいました。 この場合のセレクトボックスのnameをどう記述すればよいのでしょう？ いろいろ試したり探したりしたのですがエラーが出るばかりです。 ------------------------------試した例 document.form1.nextweek[1].selectedIndex=document.form1.nowweek[1].selectedIndex; ------------------------------ 説明がおぼつかなく申し訳ございませんが、お解りになるかたがいらっしゃいましたらよろしくご教授ください。
- ベストアンサー
- JavaScript
- フォームで複数の関数を１つにまとめる方法
フォームに関して、必須項目が未入力・未選択の場合に警告する JavaScriptを記述したいのですが、 複数のJavaScriptを１つにまとめるにはどうしたら良いのでしょうか。 具体的には、 【1】テキストフィールド未入力の場合に警告する 【2】メールアドレスが間違いor未入力の場合に警告する 【3】セレクトボックスが未選択の場合に警告する という３つを同じページで同時に設定する方法が分かりません。 記述した内容は下記の通りです。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【1】 <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始（必須にする項目を設定してください） if(document.form1.field1.value == ""){ // 「お名前」の入力をチェック flag = 1; } else if(document.form1.field2.value == ""){ // 「ご住所」の入力をチェック flag = 1; // 設定終了 if(flag){ window.alert('必須項目に未入力がありました'); // 入力漏れがあれば警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } // --> </script> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【2】 <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始（チェックする項目を設定してください） if(!document.form1.email.value.match(/.+@.+\..+/)){ flag = 1; } // 設定終了 if(flag){ window.alert('メールアドレスが正しくありません'); // メールアドレス以外が入力された場合は警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } // --> </script> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【3】 <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始（チェックする項目を設定してください） if(document.form1.select1.options[document.form1.select1.selectedIndex].value == ""){// 「地域」の入力をチェック flag = 1; } else if(document.form1.select2.options[document.form1.select2.selectedIndex].value == ""){ // 「生年月」の入力をチェック flag = 1; } else if(document.form1.select3.options[document.form1.select3.selectedIndex].value == ""){ // 「生年日」の入力をチェック flag = 1; } // 設定終了 if(flag){ window.alert('選択されていません'); // 選択されていない場合は警告ダイアログを表示 return false; // 送信を中止 } else{ return true; // 送信を実行 } } // --> </script> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【本文】 <form name="form1" onSubmit="return check()"> ■お名前：<input type="text" name="field1" size="30" style="ime-mode:active;"> ■メールアドレス：<input type="text" name="email" size="30" style="ime-mode:inactive;"> ■地域： <select name="select1"> <option value="北海道">北海道</option> <option value="青森県">青森県</option> ・ ・ </select> ■ご住所<input type="text" name="field3" size="60" style="ime-mode:active;"> ■生年月日 <select name="select2"> <option>1</option> <option>2</option> ・ ・ </select>月 <select name="select3"> <option>1</option> <option>2</option> ・ ・ </select>日 </form> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ JavaScriptの記述経験が殆ど無いため、 出来る限り詳しくご教示願いたく、 よろしくお願い致します！
- ベストアンサー
- JavaScript
- プルダウンから飛んだページを別ウインドウで開く方法
初歩的なJavaScriptで申し訳ないのですが、ご教授願いします。 下記のプルダウンのJavaScriptで、例えばヤフーと言う部分を選択し、飛ぶをクリックするとヤフーに飛びますが、その際ヤフーにとんだページを別ウインドウで表示させたいのですが、お分かりの方いらっしゃいましたらこの素人に教えてください・・ <HTML> <HEAD> <script language="javascript"> <!-- function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } //--> </script> </HEAD> <BODY> <form method=post> <select name="navi" size="10" "abc" onChange="document.b.submit()"> <option value="http://www.yahoo.co.jp/">ヤフー </select> <input type=button value="飛ぶ" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </BODY> </HTML>
- ベストアンサー
- JavaScript
- セレクトボックスの選択項目を変える
セレクトボックスの選択項目を変えるには どうすればいいですか？ <FORM action=./ method=post> <SELECT name=server> <OPTION value=2 selected>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> </SELECT> </FORM> こういうフォーム（FORMやOPTIONにnameがない）で [4]を選択したいです このフォームを書き換えないで(スクリプトでの書き換えなら○) どうにか変えることはできないでしょうか？ IEのみの対応でいいので、お願いします
- ベストアンサー
- JavaScript
- ドロップダウンリストから、新ウィンドウへ移動するにはどうしたらよいのでしょうか？
こんばんは。プログラム初心者ですが、よろしくお願いいたします。 現在、下記のスクリプトを書いておりますが、これを「新ウィンドウを開いて、そこに移動させる」にはどうしたらよいのでしょうか。 大変恐縮ですが、初心者ですので、下記を修正していただければ幸甚です。 <FORM name="form"><SELECT name="test"> <OPTION selected>リンク先を選ぶ</OPTION> <OPTION value="http://○○○.html">○○○</OPTION> <OPTION value="http://◎◎◎.html">◎◎◎</OPTION> <OPTION value="http://●●●.html">●●●</OPTION> </SELECT> <INPUT type="button" onclick="location.href=form.test.options[form.test.selectedIndex].value" name="button" value="移動"></FORM> なお、<FORM name="form">を<FORM target="blank" name="form">にしてみましたが、新ウィンドウは開かず、元のウィンドウのまま移動しました。 お手数ですが、よろしくお願い申し上げます。
- ベストアンサー
- HTML
- プルダウンボックスからPDFファイルを開く
プルダウンボックスで選択した際に、新しいウィンドウでPDFファイルを開きたいと考えています。 以下のスクリプトで、表示しているウィンドウにリンクまでできました。 <form name="linkmenu"><td> <select name="linklist" onChange="location=this.value"> <option selected="selected">選択(PDFファイル)</option> <option value="./0002.pdf">１番</option> <option value="./0001.pdf">２番</option> </select> </form> 新しくpdfファイルを開くことはできるのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ジャンプメニューの表示を初期値に戻したい
左フレーム（frame name="menu"）にジャンプメニューを５個つけて、右フレーム（frame name="main"）にジャンプ先が表示されるページで、 ジャンプしてもフレームセットは解除せずに target="main"で表示させます。 ジャンプ後にジャンプメニューの表示を初期値（<option selected>の部分）に戻したいのですがどう記述すればいいですか？ 現在のスクリプトは以下の通りです。以下のものに付け足す形で記述したいです。 ●スクリプト部分 function go (_url) { if (_url == "--") { return; } else { form1.target="main"; form1.action = _url; form1.submit(); } } <select onChange="go(this.options[this.selectedIndex].value)"> ●フォーム部分 <select onChange="go(this.options[this.selectedIndex].value)" name="select1"> <option value="--" selected>Select Menu</option> <option value="sample1.htm">サンプル１</option> <option value="sample2.htm">サンプル２</option> </select> 以上です。
- ベストアンサー
- JavaScript
- セレクトボックスとテキストボックスの連動について
セレクトボックスで質問事項を選ぶと、テキストボックスの中に選択した名称が表示される。ということをやりたく下記の様に設定しました。 <script> function hoge(obj){ var f=obj.form; var v=obj.options[obj.selectedIndex].value; var c=f.elements["comment"]; c.value+=v; obj.selectedIndex=0; } </script> <select name="質問事項1" onchange="hoge(this)"> <option value="selected">質問事項を選んでください</option> <option value=“質問1">質問1</option> <option value="質問2">質問2</option> <option value="質問3">質問3</option> </select> <textarea name="comment"></textarea> 現在発生している問題が1点あります。 セレクトボックスで質問を2回選ぶと、選んだ2つの結果がテキストボックス内に連続して表示されます。 例： 1回目 セレクトボックス内 「質問1」を選択 ↓ テキストボックス内 「質問1」が表示 2回目 セレクトボックス内 「質問2」を選択 ↓ テキストボックス内 「質問1質問2」と表示 2回目以降選んだ場合に前回の処理をクリアにして、1つのみ表示させたいと思うのですがどうやればいいのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 排紙トレーが出てこない。サポート番号1851が表示され手動で排紙トレーを引き出して。OKをクリックしても再度同じ表示がされて印刷できない。
- 排紙トレーが出てこない問題に遭遇しました。サポート番号1851が表示され、手動で排紙トレーを引き出しても、印刷できない状態が続きます。
- キヤノン製品に関する質問です。印刷時に排紙トレーが出てこない問題が発生しています。手動で排紙トレーを引き出し、OKをクリックしても同じ表示が続き、印刷ができません。
お礼
お返事が遅くなり申し訳ございませんでした。ご回答いただき、ありがとうございました。 残念ながら、同ドメインでも、別ウインドウの制御はできませんでした。getElementsByNameでやってみても、同じページは上手くいくのですが、やはりポップアップウインドウ内は無理でした。 結局、最後におっしゃっていただいたとおり、引数を使ってパラメーターを引き渡し、新しいウインドウのonloadイベントで引数を取得して処理する方法で解決しました。 どうもありがとうございました！！！