• ベストアンサー

日付を取得するスクリプト

JavaScriptに関して質問させていただきます。 下記のようなフォーム記述にたいして、 selectedが現在月にくるようなスクリプトはありますでしょうか？ 例えば、7月であれば、7月がアクティブになるようにしたいです。 日付を表示させるスクリプトはわかるのですが、 どのようにselectedとして表示させるのが分かりません。。。 参考になるスクリプトファイルを紹介しているURL、もしくは スクリプトを紹介してくれる方、どうぞご教授お願いします。 <SELECT NAME="mon" size="1"> <option value="" selected> <option value="01">01 <option value="02">02 <option value="03">03 <option value="04">04 <option value="05">05 <option value="06">06 <option value="07">07 <option value="08">08 <option value="09">09 <option value="10">10 <option value="11">11 <option value="12">12 </SELECT>月

  • umioo
  • お礼率65% (29/44)

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

  • ベストアンサー
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.2

<HTML> <BODY onLoad="today(document.date)"> <SCRIPT LANGUAGE=JavaScript> <!-- function today(f) { dt = new Date(); f.mon.selectedIndex = dt.getMonth() + 1; } // --> </SCRIPT> <FORM NAME="date"> <SELECT NAME="mon" size="1"> <option value="" selected> <option value="01">01 <option value="02">02 <option value="03">03 <option value="04">04 <option value="05">05 <option value="06">06 <option value="07">07 <option value="08">08 <option value="09">09 <option value="10">10 <option value="11">11 <option value="12">12 </SELECT>月 </BODY> </HTML> 前にも同じ様なコードを書いていますので、そちらも参考に・・・。

参考URL：
http://oshiete1.goo.ne.jp/kotaeru.php3?q=840187
umioo
質問者

お礼

大変参考になりました。 ありがとうございます。 前のものを検索できなくて何度も同じ質問をしてしまい申し訳ありませんでした。

その他の回答 (1)

回答No.1

dd=new Date(); month1 = dd.getMonth()+1; document.Form_name.mon.value = month1; で、できないかなぁ？

umioo
質問者

お礼

ご返答ありがとうございます。 参考になりました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • プルダウンからの日付取得処理

    現在、PHP＋SQLiteでWEBページを作成しております。 （初心者です。） フォームに日付をプルダウンで選択出来るように、 $utime = time()+$jisa*3600; $today = getdate($utime); //年のセレクトボックス（±2年） echo "<select name=year>\n"; for ($y=$today[year]+2; $y>=$today[year]-2; $y--) { $sel = ($y == $today[year]) ? " selected" : ""; echo "<option value=\"$y\"$sel>$y</option>\n"; } echo "</select>/\n"; //月のセレクトボックス(12-1月） echo "<select name=mon>\n"; for ($m=12; $m>=1; $m--) { $sel = ($m == $today[mon]) ? " selected" : ""; echo "<option value=\"$m\"$sel>$m</option>\n"; } echo "</select>/\n"; //日のセレクトボックス(31-1日) echo "<select name=day>\n"; for ($d=31; $d>=1; $d--) { $sel = ($d == $today[mday]) ? " selected" : ""; echo "<option value=\"$d\"$sel>$d</option>\n"; } echo "</select>\n"; というコードを記述しております（これはネットを参考にしました）。 これでプルダウンの表示自体は出来たのですが、実際にここから値を取得するにはどうすれば良いかが分かりません・・・。 ご教授お願いいたします。

    • ベストアンサー
    • PHP
  • 読み込む外部スクリプトをセレクトボックスを使って選べないでしょうか？

    お世話になります。 フォーム内に配置した、１から５までの数字を選べるセレクトボックスを使って、そのフォーム内に読み込む.jsファイルを選択することは出来ないでしょうか？ 外部ファイルには、UsualSet.js、EmergencySet.js、PauseSet.jsなどがあって、そのスクリプトファイルの中身は document.write("<input name=\"youbi\" type=\"hidden\" value=\"土曜\"><input name=\"codenumber\" type=\"hidden\" value=\"732\"><input name=\"busho\" type=\"hidden\" value=\"経理\">"); とかいった感じになっています。 つまり、セレクトボックスで何番を選ぶかによって、CGIに渡す値を$youbiと$codenumberと$bushoとの３つ全ていっぺんに変更出来るようにしたい訳です。 しかし、そのセレクトボックスにどういう仕掛けをしたら良いかわからなくて困っています。 まさか、 <FORM ACTION="pro.cgi" METHOD="POST"> 　<select name="kazu"> 　　<option value="<script language="javascript" src="UsualSet.js>" selected>1</option> 　　<option value="<script language="javascript" src="EmergencySet.js>" >2</option> 　　<option value="<script language="javascript" src="PauseSet.js>" >3</option> 　　<option value="<script language="javascript" src="MorningSet.js>" >4</option> 　　<option value="<script language="javascript" src="FulleSet.js>" >5</option> 　</select> 　 <input type="hidden" name="kaijou" value="22890"> 　<input type="hidden" name="boxnumber" value="62"> 　<input type="submit" name="Submit" value="送信"> </FORM> なんてわけに行かないですもんね。 どうしたらいいかおわかりの方がいらっしゃいましたら、どうかよろしくお願い致します。

  • 自動的に日付が変るセレクトボックス

    コストを算出するcgiに条件を送信する、下のようなhtmlのフォームを機能アップする方法が解らずに困っています。 －－－－－－－－－－－－－－－－－－－－－－－－－－ 納品形態1　数量[1] 　[2004年]　[1月]　[1日]　[単品]　 [算出] 納品形態2　数量[1]　[2004年]　[1月]　[1日]　[単品] [算出] 納品形態3　数量[1]　[2004年]　[1月]　[1日]　[単品] [算出] －－－－－－－－－－－－－－－－－－－－－－－－－－ 2004年か2005年、1月～12月、1日～31日、単品かロットか、数量をそれぞれセレクトボックスで選択するようにしてあるのですが、 ページを開いた時に選ばれている数値は当然「selected」で指定して NAME="tanni" VALUE="0" SIZE="2"><BR> 納品日 <SELECT NAME="nouhin1"> <OPTION VALUE="2004" SELECTED>2004年 <OPTION VALUE="2005">2005年 </SELECT><SELECT NAME="nouhin2"> <OPTION VALUE="1" SELECTED>1月 <OPTION VALUE="2">2月 … という形になっているので、同じく当然ですが、いつアクセスしても2004年1月1日が選ばれています。 これを、いつアクセスしても今日の日付の5日後の日付がselectedになるようにしたいのですが、方法はあるでしょうか？ 「Javascript組めば？」と知人に言われましたが、私は既存のソースの設定値や文字列を打ち変えるくらいしか出来ません。 どこかで、このような目的に合致するスクリプトを配付して下さるサイトはないでしょうか？ もしくは、どなたか、ソースを教えて頂けないでしょうか？ どうかよろしくお願い致します。

    • ベストアンサー
    • HTML
  • 日記のスクリプトで日付の移動メニューを作りたい

    日記スクリプトを書いているのですが 何年何月の日記のページに移動するのに セレクトメニューで移動するようにしたいのですが 以下のスクリプトだとどうしても日付が表示されません どこが間違っているのでしょうか print"<select name=>\n"; foreach(0 .. $year) { if($year eq "$w_year[$_]"){print"<option value=\"$w_year[$_]/$month[$_]/1\" selected>$w_year[$_]/$month[$_]\n";} else{print"<option value=\"$w_year[$_]/$month[$_]/1\">$w_year[$_]/$month[$_]\n";} } print"</select>\n";

    • 締切済み
    • CGI
  • JavaScriptで日付計算してアラート

    はじめまして。 どうやってJavaScriptでフォームの内容を取得して計算させるかわからなくて相談させてください。 単に今日の日付を取得して+10日後とかの表示はなんとかできたのですがなにぶん初心者ですのでそれ以上のことはさっぱりです＾＾； やりたいことはフォームで年、月、日を選択して検索ボタンを押すと検索のPHPにフォームの内容を送るというものです。 そこで、指定の日数以降、以前の日付を選ぶとアラートが出るようにしたいのです。（今日より30日以前と30日以降を選ぶとアラートがでる） ご教授のほどよろしくお願いします。 以下今まで作ったソースです。 できればこれに組み込みたいので・・・ <script type="text/javascript"> <!-- function FormCheck(Form) { Error = new Array(); i = 0; // 年の選択チェック if ((Form["yyyy"]) && (Form["yyyy"][0].selected == true)) { Error[i] = "年は必須項目です。"; i++; } // 月の選択チェック if ((Form["mm"]) && (Form["mm"][0].selected == true)) { Error[i] = "月は必須項目です。"; i++; } // 日の選択チェック if ((Form["dd"]) && (Form["dd"][0].selected == true)) { Error[i] = "日は必須項目です。"; i++; } // 未入力があればアラート if (Error.length > 0) { ErrorText = Error.join("\n"); alert ("未入力の項目があるので検索できません。\n\n"+ErrorText); return false; } } // --> </script> <form name="trace" action="kensaku.php" method="GET" onsubmit="return FormCheck(this)"> <TABLE><TR><TD> <select name="yyyy" size="1"> <option value=""></option> <option value="2008">2008</option> <option value="2009">2009</option> </select>年 <select name="mm" size="1"> <option value=""></option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <!-- ～～～～略～～～～～ --> <option value="12">12</option> </select>月 <select name="dd" size="1"> <option value=""></option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <!-- ～～～～略～～～～～ --> <option value="31">31</option> </select>日 </TD></TR> <TR><TD><INPUT TYPE="submit" name="submit" VALUE="検索"></TD></TR> </TABLE>

  • オプションメニューの日付の自動表示

    オプションメニューで設定した「年」・「月」・「日」を自動的に今日の日付を表示させるJAVAスクリプトを教えて頂けないでしょうか？ 現在の記述は以下の通りです。 <HTML> <HEAD></HEAD> <BODY> <TABLE cellpadding="2" cellspacing="1"><TBODY><TR> <TD><DIV style="font-size:13px"> <SELECT name="年"> <OPTION value="2006年" selected>2006年</OPTION> <OPTION value="2007年">2007年</OPTION> </SELECT> <SELECT name="月"> <OPTION value="1月" selected>1月</OPTION> <OPTION value="2月">2月</OPTION> <OPTION value="3月">3月</OPTION> <OPTION value="4月">4月</OPTION> <OPTION value="5月">5月</OPTION> <OPTION value="6月">6月</OPTION> <OPTION value="7月">7月</OPTION> <OPTION value="8月">8月</OPTION> <OPTION value="9月">9月</OPTION> <OPTION value="10月">10月</OPTION> <OPTION value="11月">11月</OPTION> <OPTION value="12月">12月</OPTION> </SELECT> <SELECT name="日"> <OPTION value="1日" selected>1日</OPTION> <OPTION value="2日">2日</OPTION> (文字数オーバーのため3日～29日までの記述を省略します) <OPTION value="30日">30日</OPTION> <OPTION value="31日">31日</OPTION> </SELECT></div></TD> </TR></TBODY></TABLE> </BODY> </HTML> HEADタグ内とBODYタグ内の記述を具体的に教えていただければ非常に助かります。 よろしくお願いいたします。

  • ジャンプメニューの表示を初期値に戻したい

    左フレーム（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> 以上です。

  • scriptによる読み込みのselect表示

    <script language="javascript" type="text/javascript" src=""></script> で外部ファイルからHTMLを読み込ませ表示させたいのですがなぜかselectが上手く表示されません。 上手く説明できませんが <script language="javascript" type="text/javascript" src="http://www.○○.com/××.php"></script> を貼り付けた部分に http://www.○○.com/に用意した××.phpから <form action="" method="post"> <input type="radio" name="test1" value="1" />r1 <input type="radio" name="test1" value="2" />r2 <input type="checxbox" name="test2" value="1" />c1 <input type="ceckbox" name="test2" value="2" />c2 <select name="test3"> <option value="1">s1</option> <option value="2">s2</option> </select> </form> このようなHTMLを吐き出して表示させたいのですが、redioやchekboxは問題ないのにselectが上手く表示されません。 全くプルダウンが出来ずoption部分を見る事が出来ない状態です。 上記のような方法で表示させる事は無理なのでしょうか？ それとも何か対応策はあるのでしょうか？ どなたかお教え願えませんでしょうか。

  • プルダウンメニューからインラインフーム内を操作する

    表題のようなものをjavascriptとフォームを使って 用意しましたが、IE6、IE7の環境で試験しましたが問題ありませんでした。 ところが、これをFirefoxで動かすと、プルダウンで選択してもインラインフレームは まったく変化しませんでした。 どちらでも動作するようにしたいのですがどのように改変すればよろしいでしょうか。 初心者でとんでもない間違いをしているかもしれませんが、どうかご教授ください。 現在以下のような記述になっています インラインフレーム名：inpage <!--javascript部 --> <script type="text/"> function jump(){ var url=document.form1.select1.options[form1.select1.selectedIndex].value; if (url!="") document.inpage.location.href = url; } </script> <!--javascript部 --> <!--フォーム部 --> <FORM NAME="form1"> <SELECT NAME="select1" onChange="jump()"> <option value="">選択してください <option value="AAAAA.html">AAAAA <option value="BBBBB.html">BBBBB <option value="CCCCC.html">CCCCC </SELECT> </FORM> <!--フォーム部 -->

  • フォームのドロップダウンで未選択のチェックをしたいのですが、下記のよう

    フォームのドロップダウンで未選択のチェックをしたいのですが、下記のようにしたのですがうまくいきません。・・・原因は id[1] だと思うのですが、こういう場合JavaScriptには、どのように記述すればよいのでしょうか？ ※ドロップダウンの name="id[1]" は、変更できません。 よろしくお願いします。 <script language="JavaScript"> <!-- function check(){ if(document.cart_quantity.id[1].selectedIndex == 0){ alert('選択してください'); return false; } return true; } //--> </script> <form name="cart_quantity" method="post" action="" onSubmit="return check()"> <select gtbfieldid="272" name="id[1]" id="attrib-1"> <option value="1" selected="selected">選択してください</option> <option value="2">いちご</option> <option value="3">みかん</option> <option value="4">りんご</option> </select> <input type="submit" value="送信" name="submit"> </form>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する