• ベストアンサー

画面上再読み込みをさせたいのですが・・・

プルダウンメニューでセレクトしたら, その画面がかわったということを知らせて次の動作にうつらせたいので、 reloadさせたいのです。 こういうことは可能でしょうか? onChangeを利用したらどうかとは思っているのですが・・・ print "[select name=P5 <\"javascript=onChange:location.reload()\">]" という記述でいいのでしょうか? よろしくお願いします。

  • bori
  • お礼率67% (40/59)
  • Perl
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • cocky
  • ベストアンサー率57% (232/402)
回答No.1

そもそも上記の記述では、Print文の中身がHTMLとして成り立ってないと思いますが。 正しく書くなら print "<SELECT NAME=p5 onChange=\"location.reload(true);\">"; ですね。 ただ、単純にReloadさせるだけだと、せっかくSelectで変更した値がreloadによって再び初期化されてしまうので、 ○Reloadの前にSELECTの中の値をCookieに保存するなどの処理を組み合わせ、Reload後はCookieから値を取得してFormを初期化する ○一度onChangeでsubmitさせてしまって値をサーバに戻し、その上で再度元のフォームを表示するか、次のフォームへ進むかをCGIで判断する などの対策を取らないと、おそらく狙った効果は実現できないと思います。

bori
質問者

お礼

アドバイスまでありがとうございました。 いわれてみれば確かにそうですよね・・・(^O^) 2番目のやり方で再度考え直します。

関連するQ&A

  • Perl内でJavaScriptを利用したいのですが、その設置方法を教えてください。

    onChangeで関数内の処理(メニュー項目を変更する関数です)を実行したいと考えています。 JavaScriptの関数定義を記述する事が出来るのでしょうか。 また、出来る場合はその記述方法を教えてください。 HTMLでJavaScriptを利用するときと同様に、<HEAD></HEAD>に print<<EOM; <SCRIPT language="JavaScript"> <!--  関数 // --> </SCRIPT> EOM 関数を記述し、動いてほしいところに <SELECT NAME="「フォーム名」" onChange="「関数()」">と メソッドを記述したらいいのでしょうか。 が、いまカスタマイズかけているものは、HTMLのヘッダーが一括表示となっています。こういう場合でも、同じように<HEAD>内に記述していいのですか? よろしくお願いします。

    • ベストアンサー
    • Perl
  • 複数のプルダウンメニューの作り方。

    ・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。

  • ホームページでJavascriptを使ったプルダウンメニューによる画面切替え

    ホームページでiframe内のページをプルダウンメニューを変更したいのですが、アンカーポイントでのプルダウンメニューのリンクではホームページを代える事は出来ないのですか? プルダウンメニューを行うとJavascriptエラーが起きて画面がリンク先になりません。 ○Javascriptの文 <SCRIPT language=JavaScript type=text/JavaScript> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </SCRIPT> ○iframeの文 <iframe src="report.html" name=if width="440" height="500" frameborder="0">iframeを使用しております。<br></iframe> ○プルダウンメニューの文 <FORM name=form1> <SELECT onchange="MM_jumpMenu('parent.frames[\'if\']',this,0)" name=menu1> <option value="report.html\#0008" selected>第8回目</option> <option value="report.html\#0007">第7回目</option> <option value="report.html#0006">第6回目</option> <option value="report.html#0005">第5回目</option> <option value="report.html#0004">第4回目</option> <option value="report.html#0003">第3回目</option> <option value="report.html#0002">第2回目</option> <option value="report.html#0001">第1回目</option> </select> </form> どこが悪いのか教えてください。分かる方いらっしゃいますか? 教えてください、お願いいたします。

  • プルダウンから別ウィンドウを開く方法

    プルダウンから別ウィンドウを開く方法 jsで管理しているプルダウンメニューの一部を 別ウィンドウで表示させたいのです。 下記の000.htmlをblankで表示させたい場合 どのような記述になるのでしょうか? どうぞよろしくお願いします。 function launch_report(obj) { var location = obj.options[obj.selectedIndex].value; if (location) { top.document.location.href = location; } } function shouhin() { document.open(); document.write("<select name=\"hoge\" size=\"1\" class=\"form\" onChange=\"launch_report\(this\)\">"); document.write("<option value=\"000.html\">メニュー"); document.write("</select>"); document.close(); }

  • プルダウンメニューの利用

    htmlのプルダウンメニューを使用した値計算のインタフェースを作成したいと思っています。 プルダウンメニューに設定するメニュー項目に値を設定し、 onChangeを使用して、その値だけをPHPプログラムに渡すようにしたいのですが、 JavaScript部分をどのように書けばいいのか判りません。 どなたかご教授お願いいたします。 <form name="formtest" action="test.php" method="post"> <table> <tr> <th>カテゴリ*</th> <td> <SELECT NAME="iPlanet" onchange=""> <OPTION VALUE="9" selected>初期値 <OPTION VALUE="0">サンプル1 <OPTION VALUE="1">サンプル2 </SELECT> </td></tr> </table> </form> onchangeでValueの値をPHPに送りたいのです。 よろしくお願いします。

  • プルダウンメニューからのリンクの貼り方

    FORMのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう? 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか? ご存知なかたはよろしくお願いします。

  • WEB画面におけるプルダウンメニューで選択した値の保持

    web画面において、各頁にプルダウンメニューを設定し、そこから各頁へジャンプさせたいと思っています。 TOP画面のプルダウンメニューを [選択して下さい]→[pageA]→[pageB]とし、 top画面のプルダウンメニューより[pageA]を選択した場合 pageAのプルダウンメニューでは [選択して下さい]ではなく、[pageA]が表示させたいのですが この場合、どうすれば宜しいのでしょうか? 私が組んだソースは下記の通りですが 下記の場合だと、各頁にジャンプ後も [選択して下さい]が表示されてしまいます。 <form> <select onchange="location.href = options[this.selectedIndex].value;">    <option value="#">選択して下さい。</option> <option value="pageA.html">pageA</option> <option value="pageB.html">pageB</option> </select> </form> 初心者の為、ご教授頂けると助かります。

  • IFRAMEからのリンク先

    お世話になります。 現在開いているページにIFRAMEがあります。 IFRAMEの中のページにSELECTのプルダウンメニューがあります。 そのプルダウンメニューからONCHANGEでリンクするのですが、その リンク先ページを現在開いている親の画面とは別の画面に出したい のです。テキストリンクだとtarget="_blank"でできるのですが、 SELECTだとどうしても親画面と差し替えになってしまいます。 やってみたコードは parent.location.href="[オプションのVALUE]"; なのですが、これでうまく行きません。 どうすれば、別画面でリンクできるのでしょうか。 よろしくお願いいたします。

  • プルダウンで別項目に値を代入したい(HTML SELECT)

    ホームページのプルダウン項目を選択すると直ぐ下にあるテキスト項目に値を設定するプログラムを作りたいのですが上手くいきません。 HTMLのSELECT句でonchange属性に記述するのは分りますが、その場合にはjavascriptで記述(例:onchange="fncSet();"等)します。 下記は記述を省略しましたが、option項目はDBのテーブルから読み込んでセットしています。 <select name=sel onchange="???">  <option value=" "> </option>  <option value="1">はい</option>  <option value="2">いいえ</option> </select> <input type=text name=txt value=""> この場合にselのonchangeで選択した項目の値をtxtに設定するにはどうすればいいのでしょうか? OS   :WIN2K ブラウザ :IE6 プログラム:HTML(asp,vbscript,javascript)

    • ベストアンサー
    • HTML
  • checkboxをクリックしてリロードした際、クリックしたcheckboxのvalueの値を保持したい。

    checkboxをクリックした後、リロードをしてクリックされたcheckboxのvalueの値を表示したいと思っております。 ただ、下記のソースでは動作しませんでした。 リロード時のvalueの値の引渡し方法に問題があるのだろうと思いますが、どう記述すればよいか分かりませんでした。 その為、どのような記述を行えばよいかアドバイスをいただければと思います。 【ソース】 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript"> function load() { window.alert(value); } </script> <title>title</title> </head> <body onload="load();"> <p>valueは1<input type="checkbox" name="checkbox1" value="1" onclick="location.reload()" onkeypress="location.reload()" /></p> <p>valueは2<input type="checkbox" name="checkbox2" value="2" onclick="location.reload()" onkeypress="location.reload()" /></p> <p>valueは3<input type="checkbox" name="checkbox3" value="3" onclick="location.reload()" onkeypress="location.reload()" /></p> </body> </html> 以上、よろしくお願いします。