初心者です。説明が不充分で、理解できないような文章ですみません。
個人的なホームページを作成しています。
フォームを使ってアンケートを送信できるものを作っていますが、
そこで問題点にぶつかってしまいましたので、お力をお借りしたいです。

プルダウン表示で自動的に現在日付を規定値に表示したいのですが、
どのようにすればいいのでしょうか?

よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

JavaScriptは勉強始めたばっかりなので、ちょっと醜くなっていますが、


極力元ソースに合わせて書いてみました。
書籍や、インターネットなどで、なぜこう動くのかを調べながら勉強してください。でないと、修正が効かなくなってしまいますので。
---
<HTML>
<HEAD>

<SCRIPT language="JavaScript">
function hanbai() {;
window.open("hyouji.htm", "MenuWindow", "width=500,height=400,resizable=yes", scrollbar="YES");
};
</SCRIPT>
</HEAD>

<BODY link="#00cc00" vlink="#ff0000" alink="#ffff00">
<FORM method="POST" enctype="text/plain">
<CENTER>
<TABLE border="1" width="476">
<TBODY>
<TR>
<TD height="22" align="center" bgcolor="#bbe4f9" width="145"><FONT color="#000000"><B><FONT size="4">希望日</FONT></B></FONT></TD>
<TD height="22" colspan="2">
<script type="text/javascript">
var d1 = new Date();
var y = new Array('14','15');
document.writeln('<SELECT NAME="希望年">');
for (i=0; i<y.length; i++){
if (2002+i == d1.getFullYear()) {
document.writeln('<OPTION value="'+y[i]+'" selected>'+y[i]);
}
else {
document.writeln('<OPTION value="'+y[i]+'">'+y[i]);
}
}
document.writeln('</SELECT>');
</script>
</FONT>
<FONT size="4">年
<script type="text/javascript">
var d1 = new Date();
var m = new Array('01','02','03','04','05','06','07','08','09','10','12');

document.writeln('<SELECT NAME="希望月">');
for (i=1; i<=m.length; i++){
if (i == d1.getMonth()+1) {
document.writeln('<OPTION value="'+m[i-1]+'" selected>'+m[i-1]);
}
else {
document.writeln('<OPTION value="'+m[i-1]+'">'+m[i-1]);
}
}
document.writeln('</SELECT>');
</script>

<script type="text/javascript">
var d1 = new Date();
var d = new Array('01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31');


document.writeln('<SELECT NAME="希望日">');
for (i=1; i<=d.length; i++){
if (i == d1.getDate()) {
document.writeln('<OPTION value="'+d[i-1]+'" selected>'+d[i-1]);
}
else {
document.writeln('<OPTION value="'+d[i-1]+'">'+d[i-1]);
}
}
document.writeln('</SELECT>');
</script>
日</FONT></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<CENTER></CENTER></FORM>
</BODY>
</HTML>
    • good
    • 0

ページが表示された時にプルダウン表示を現在日付にするなら



window.open("hyouji.htm", "MenuWindow","width=500,height=400,resizable=yes", scrollbar="YES");
};

ここから追加と編集。

function aaa(){
ddd = new Date()
nen = ddd.getYear()
tuki = ddd.getMonth()
hinichi = ddd.getDate() -1
if(nen != 2002)document.forms[0].elements[0].options[1].selected = 1
document.forms[0].elements[1].options[tuki].selected = 1
document.forms[0].elements[2].options[hinichi].selected = 1
}
</SCRIPT>
</HEAD>

<BODY link="#00cc00" vlink="#ff0000" alink="#ffff00" onLoad=aaa()>

ここまでが追加と編集。

<FORM method="POST" enctype="text/plain">
<CENTER>
<TABLE border="1" width="476">


あとは変更なし。

追加した部分では、body が読み込まれたら現在日を取得し、
それに対応したOPTIONの表示値を選択状態にしている。
    • good
    • 0

このプルダウンは、どのように表示するのでしょう?


もし、フォーム自体をCGI(例えばPerlなど)を使って作成しているのなら、Perlで現在日付を算出して、該当日付をHTML出力するときにselectedをつければ良いと思います。

JavaScriptで書き出す方法はmadmanさんが書かれているので、日付の部分をHTMLで直書きしていて、当日日付を自動選択させる場合のソースを載せておきますね。

<html>
<head>
<script language="javascript">
<!--
 function setDate(){
  var myDate=new Date();
  gettoDay = myDate.getYear().toString() + (myDate.getMonth()+1) + myDate.getDate();
  for(i=0;i<document.frm.slc.options.length;i++){
   if(document.frm.slc.options[i].value == gettoDay){
    document.frm.slc.selectedIndex = i;
   }
  }
 }
//-->
</script>
</head>
<body onLoad="setDate()">
<form name="frm">
<select name="slc">
 <option value="2002115">1月15日
 <option value="2002116">1月16日
 <option value="2002117">1月17日
 <option value="2002118">1月18日
 <option value="2002119">1月19日
</select>
</form>
</body>
</html>

IE5.5でのみ動作確認しました。
ただ、getYear()関数が、ブラウザによって取得する値が4桁だったり2桁だったりするので、全ブラウザに対応したい場合は、そこらへんの改良が必要と思います。(^^;;

この回答への補足

HIROYOさん、早速のご回答ありがとうございます。
No.1にご回答を頂いたmadmanさんのご回答の欄に補足をさせていただきました
ように、もしさらにお力をお借りできれば幸いです。
よろしくお願いします。

補足日時:2002/01/17 17:04
    • good
    • 0

こんなんでどうでしょう。


----
<HTML>
<HEAD>
<MEAT http-equiv="Content-script-type" content="text/javascript">
</HEAD>
<BODY>
<FORM METHOD=POST Action=".">
<script type="text/javascript">
var d1 = new Date();
document.writeln('<SELECT NAME="YEAR">');
for (i=2000; i<2010; i++){
if (i == d1.getFullYear()) {
document.writeln('<OPTION value="'+i+'" selected>'+i);
}
else {
document.writeln('<OPTION value="'+i+'">'+i);
}
}
document.writeln('</SELECT>');

document.writeln('<SELECT NAME="MONTH">');
for (i=1; i<=12; i++){
if (i == d1.getMonth()+1) {
document.writeln('<OPTION value="'+i+'" selected>'+i);
}
else {
document.writeln('<OPTION value="'+i+'">'+i);
}
}
document.writeln('</SELECT>');

document.writeln('<SELECT NAME="DAY">');
for (i=1; i<=31; i++){
if (i == d1.getDate()) {
document.writeln('<OPTION value="'+i+'" selected>'+i);
}
else {
document.writeln('<OPTION value="'+i+'">'+i);
}
}
document.writeln('</SELECT>');
</script>
</FORM>

</BODY>
</HTML>
----

この回答への補足

早速のご回答ありがとうございます。
何せ初心者のために、説明不足でいろいろすみません。
madmanさんのご回答をそのままhtmlに書き換えたら理想通りになりましたが、
私の頭では応用するのが難しいです。(すみません)
もし、さらにお力をお借りできればお願いします。

私の作ったHTMLは下記の通りです。
これにどのように補足すればよいのでしょうか?


<HTML>
<HEAD>

<SCRIPT language="JavaScript">
function hanbai() {;
window.open("hyouji.htm", "MenuWindow", "width=500,height=400,resizable=yes", scrollbar="YES");
};
</SCRIPT>
</HEAD>

<BODY link="#00cc00" vlink="#ff0000" alink="#ffff00">
<FORM method="POST" enctype="text/plain">
<CENTER>
<TABLE border="1" width="476">
<TBODY>
<TR>
<TD height="22" align="center" bgcolor="#bbe4f9" width="145"><FONT color="#000000"><B><FONT size="4">希望日</FONT></B></FONT></TD>
<TD height="22" colspan="2"><FONT color="#000000"><SELECT name="希望年">
<OPTION value="14">H14</OPTION>
<OPTION value="15">H15</OPTION>
</SELECT></FONT><FONT size="4">年<SELECT name="希望月">
<OPTION value="01" selected>01</OPTION>
<OPTION value="02">02</OPTION>
<OPTION value="03">03</OPTION>
<OPTION value="04">04</OPTION>
<OPTION value="05">05</OPTION>
<OPTION value="06">06</OPTION>
<OPTION value="07">07</OPTION>
<OPTION value="08">08</OPTION>
<OPTION value="09">09</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>
</SELECT>月<SELECT name="希望日">
<OPTION value="01" selected>01</OPTION>
<OPTION value="02">02</OPTION>
<OPTION value="03">03</OPTION>
<OPTION value="04">04</OPTION>
<OPTION value="05">05</OPTION>
<OPTION value="06">06</OPTION>
<OPTION value="07">07</OPTION>
<OPTION value="08">08</OPTION>
<OPTION value="09">09</OPTION>
<OPTION value="10">10</OPTION>
<OPTION value="11">11</OPTION>
<OPTION value="12">12</OPTION>
<OPTION value="13">13</OPTION>
<OPTION value="14">14</OPTION>
<OPTION value="15">15</OPTION>
<OPTION value="16">16</OPTION>
<OPTION value="17">17</OPTION>
<OPTION value="18">18</OPTION>
<OPTION value="19">19</OPTION>
<OPTION value="20">20</OPTION>
<OPTION value="21">21</OPTION>
<OPTION value="22">22</OPTION>
<OPTION value="23">23</OPTION>
<OPTION value="24">24</OPTION>
<OPTION value="25">25</OPTION>
<OPTION value="26">26</OPTION>
<OPTION value="27">27</OPTION>
<OPTION value="28">28</OPTION>
<OPTION value="29">29</OPTION>
<OPTION value="30">30</OPTION>
<OPTION value="31">31</OPTION>
</SELECT>日</FONT></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
<CENTER></CENTER></FORM>
</BODY>
</HTML>

補足日時:2002/01/17 17:03
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qプルダウンで選択したページにフォームデータを送る

a.htmlからプルダウンで選択した1~6までのhtmlに、フォームデータを送る
ということは可能でしょうか?

いろいろ組み合わせたりしていますがうまくいきません。
どなたかご教授お願い致します。

<SCRIPT LANGUAGE="JavaScript">
<!--
function jumpMenu(){
location=(document.link.list.options
[document.link.list.selectedIndex].value);
}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//
sendURL = " jumpMenu()";
function sendData()
{
sData = escape(doument.myFORM.theData.value);
Location.href = sendURL + "?"+sData;
}
//-->
</SCRIPT>
<form name="myFORM">
<SELECT NAME="list">
<OPTION VALUE="1.html" SELECTED>1</OPTION>
<OPTION VALUE="2.html">2</OPTION>
<OPTION VALUE="3.html">3</OPTION>
<OPTION VALUE="4.html">4</OPTION>
<OPTION VALUE="5.html">5</OPTION>
<OPTION VALUE="6.html">6</OPTION>
</SELECT>
<INPUT TYPE="TEXT" SIZE="61" NAME="a">
<INPUT TYPE="submit" VALUE="GO" onClick="sendData()"> <INPUT TYPE="reset" VALUE="クリア">

a.htmlからプルダウンで選択した1~6までのhtmlに、フォームデータを送る
ということは可能でしょうか?

いろいろ組み合わせたりしていますがうまくいきません。
どなたかご教授お願い致します。

<SCRIPT LANGUAGE="JavaScript">
<!--
function jumpMenu(){
location=(document.link.list.options
[document.link.list.selectedIndex].value);
}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//
sendURL = " jumpMenu()";
function sendData()
{
sData = e...続きを読む

Aベストアンサー

サンプルを作りました。参考にして考えてやってみてください。

'********** ここから **********
<SCRIPT LANGUAGE="JavaScript">
<!--
//テキストボックスから値の取得
// obj : テキストボックスの名前
function getTextbox(obj)
{
return (document.myFORM.elements(obj).value);
}
//チェックボックスから値の取得
// obj : チェックボックスの名前
function getCheckbox(obj)
{
if (document.myFORM.elements(obj).checked == true){
return (document.myFORM.elements(obj).value);
} else {
return ("");
}
}
//リストボックスから値の取得
// obj : リストボックスの名前
function getSelect(obj)
{
return (document.myFORM.elements(obj).options[document.myFORM.elements(obj).selectedIndex].value);
}
//各値の取得後、テキストエリアに表示
function getDispData()
{
var sDispData;
sDispData = "theData:" + getTextbox("theData") + "\n";
sDispData = sDispData + "theData2:" + getTextbox("theData2") + "\n";
sDispData = sDispData + "1:" + getCheckbox("1") + "\n";
sDispData = sDispData + "2:" + getCheckbox("2") + "\n";
sDispData = sDispData + "address:" + getSelect("address");

document.myFORM.elements("DispData").value = sDispData;
}
//-->
</SCRIPT>
<form name="myFORM">
theData:
<INPUT TYPE="TEXT" SIZE="61" NAME="theData"><BR>
theData2:
<INPUT TYPE="TEXT" SIZE="61" NAME="theData2"><BR>
1:
<INPUT TYPE="checkbox" NAME="1" VALUE="1"><BR>
2:
<INPUT TYPE="checkbox" NAME="2" VALUE="2"><BR>
性別:
<SELECT NAME="address">
<OPTION SELECTED VALUE="">▼性別
<OPTION VALUE="男">男
<OPTION VALUE="女">女
</SELECT>
<BR><BR>
<INPUT TYPE="button" NAME="getValue" VALUE="データ表示" onClick="getDispData();">
<BR><BR>
<TEXTAREA NAME="DispData" COLS="50" ROWS="5"></TEXTAREA>
</form>
'********** ここまで **********

サンプルを作りました。参考にして考えてやってみてください。

'********** ここから **********
<SCRIPT LANGUAGE="JavaScript">
<!--
//テキストボックスから値の取得
// obj : テキストボックスの名前
function getTextbox(obj)
{
return (document.myFORM.elements(obj).value);
}
//チェックボックスから値の取得
// obj : チェックボックスの名前
function getCheckbox(obj)
{
if (document.myFORM.elements(obj).checked == true){
return (document.myFORM.elements(obj).value);
} el...続きを読む

Qjavascriptで文字を移動後、プルダウン表示させたい。

(1)移動処理
http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/002/index.html

(2)上から内容を表示
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/004/index.html

(1)→(2)の処理の順番動かそうと思い、javascriptを組んでみたのですが、動きません。
new Rico.Effect.Position("movilisez", 400,300, 100, 20);を
コメントアウトすると、(2)の処理は動いてくれますが、
コメントを外すと動きません。

原因を教えていただけますでしょうか?

環境は以下です。
OS:VISTAHomepremium
ブラウザ:IE7


---------------------

function toPoint()
{
new Rico.Effect.Position("movilisez", 400,300, 100, 20);
execEffect();
}


function execEffect()
{
document.getElementById("contents").style.visibility = "visible"

new Effect.BlindDown($("contents"));
}

---------------------
---------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Style_Index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/prototype-1.6.0.3.js"></script>
<script type="text/javascript" src="scripts/scriptaculous-js-1.8.2/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/rico.js"></script>
<script type="text/javascript" src="scripts/BlindDown.js"></script>
<title>TestPage</title>
</head>

<body>
<div align="center">
<p></p><div id="Hedder" align="center"><table width="800px" cellspacing="0">
<tr>
<td colspan="2" rowspan="2" align="left"><img src="" alt="" name="movilisez" width="200" height="80" id="movilisez" onclick="toPoint()" /></td>
</tr>
</table></div>
<div id="contents">
<div id="menu" align="center">
メニュー
</div>
</div>
</div>
</body>
</html>

(1)移動処理
http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/002/index.html

(2)上から内容を表示
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/004/index.html

(1)→(2)の処理の順番動かそうと思い、javascriptを組んでみたのですが、動きません。
new Rico.Effect.Position("movilisez", 400,300, 100, 20);を
コメントアウトすると、(2)の処理は動いてくれますが、
コメントを外すと動きません。

原因を教えていただけますでしょうか?

環境は以下です。 ...続きを読む

Aベストアンサー

No2です

とりあえず、似たものを作ってみました。
prototypeなどを利用すれば簡単だと思いますが、中身を良く知らないのでライブラリは利用していません。(その代わりといってはなんですが、クロスブラウザの検証はあまりおこなっていません)
ご参考まで。

<html>
<head>
<style type="text/css">
#movilisez {
position:absolute;
overflow:hidden;
border:0;
}
</style>
<script type="text/javascript">
var e,p,q,x,y,mstp,h,bstp,bs;
function test() {
var id='movilisez'; //対象オブジェクトのid
x=400; //移動後のleft値
y=300; //移動後のtop値
mstp=20; //移動ステップ数(整数:大きいほど滑かだが遅い)
ms=15; //移動の速度(整数:小さいほど速い)
bstp=20; //ブラインドステップ数(整数:大きいほど滑かで遅い)
bs=20; //ブラインドの速度(整数:小さいほど速い)

if (!e) {
p=0; q=0; e=document.getElementById(id);
while(e){p+=e.offsetLeft; q+=e.offsetTop; e=e.offsetParent;}
e=document.getElementById(id); h=e.offsetHeight;
Mtime = setTimeout("move()", ms);
};}
function move(){
if (mstp>0) {
p +=(x-p)/mstp; q +=(y-q)/mstp--;
e.style.left=Math.round(p); e.style.top=Math.round(q);
Mtime = setTimeout("move()", ms);
} else {
clearTimeout(Mtime); p=bstp;
Btime = setTimeout("blind()", bs);
};}
function blind(){
if (bstp>0) {
e.style.height=Math.round((1-bstp/p)*h); bstp--;
Btime = setTimeout("blind()", bs);
} else {
clearTimeout(Btime); e.style.height=h;
};}
</script>
</head>

<body>
下の画像をクリックすると移動 + ブラインド
<p>
<div id="movilisez" onclick="test()">
<img src="A.jpg">
</div>
</body>
</html>

No2です

とりあえず、似たものを作ってみました。
prototypeなどを利用すれば簡単だと思いますが、中身を良く知らないのでライブラリは利用していません。(その代わりといってはなんですが、クロスブラウザの検証はあまりおこなっていません)
ご参考まで。

<html>
<head>
<style type="text/css">
#movilisez {
position:absolute;
overflow:hidden;
border:0;
}
</style>
<script type="text/javascript">
var e,p,q,x,y,mstp,h,bstp,bs;
function test() {
var id='movilisez'; //対象オ...続きを読む

Qプルダウン選択によるボタンの表示/非表示に関して

教えて下さい。

下のように、ONCHANGEイベントで、プルダウンにて選択された内容を、別のテキスト
('text')エリアに表示させる記述をしましたが、今度は選択された内容によって、
ボタンの表示/非表示をコントロールしたいと考えています。

実際には、下の記述で、'BBB'が選択された場合のみ、***よりしたの"日"ボタンを
表示させたいと考えています。

どのように記述すれば良いでしょうか。。。

教えて頂きたいと思います。

<SCRIPT LANGUAGE="JavaScript">
function ChangeSelection(form, selection,num) {
v = selection.value;
form.text.value = v;
}

<FORM NAME="fm_a"
print("<TD><input name='text'></input>\n");
print("</TD>\n");

print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'>\n");
print("<option value=''></option>\n");
print("<option value='AAA'>AAA</option>\n");
print("<option value='BBB'>BBB</option>\n");
print("<option value='CCC'>CCC</option>\n");
print("</select>\n");
print("</TD>\n");

**************************************************************

print("<TD>\n");
print("<input name='Cal' type='button' value='日'\n");
print("</TD>\n");

教えて下さい。

下のように、ONCHANGEイベントで、プルダウンにて選択された内容を、別のテキスト
('text')エリアに表示させる記述をしましたが、今度は選択された内容によって、
ボタンの表示/非表示をコントロールしたいと考えています。

実際には、下の記述で、'BBB'が選択された場合のみ、***よりしたの"日"ボタンを
表示させたいと考えています。

どのように記述すれば良いでしょうか。。。

教えて頂きたいと思います。

<SCRIPT LANGUAGE="JavaScript">
function ChangeSelection(form...続きを読む

Aベストアンサー

No2です。

>'BBB'が選択された場合のみ、***よりしたの"日"ボタンを
>表示させたいと考えています。
ではなかったの?

>しかし、逆にAAAとCCCの時に表示できなくなってしまい
『BBBのみ表示』=『AAAとCCCの時に表示しない』
だと思うのだけれど…

>この逆はどのようにすれば良いでしょうか???
BBBのみ非表示ということ??
だとするなら、inlineとnoneを入れ替えればいいだけ。

sel.form.elements['Cal'].style.display = sel.value=='BBB'?'none':'inline';

何を質問したいのかよくわからない・・・

Qプルダウンで作文!?

こんにちは。
プルダウンの項目のvalue値をひとつのテキストフィールドに投げていって、文章を作ることは可能でしょうか?
たとえばプルダウンの項目に、
・OKWEB
・質問
・させて下さい。
三つの項目があったとして、それぞれ選んでいって一つのテキストフィールドに作文する{OKWEB質問させて下さい}といったことなんですが・・・
可能であれば、ご教授いただきますようお願いします。

Aベストアンサー

<BODY>内に記述してください
<!--*******************************************

<script language="javascript">
<!--
function fun_set(set_name){
txtArea.value += eval(set_name).value;
}
//-->
</script>
<SELECT name="WHEN" size="1" onChange="javascript:fun_set(WHEN);">
<OPTION value="昨日" >昨日</OPTION>
<OPTION value="今日">今日</OPTION>
<OPTION value="明日">明日</OPTION>
</SELECT>
<SELECT name="WHERE" size="1" onChange="javascript:fun_set(WHERE);">
<OPTION value="学校">学校</OPTION>
<OPTION value="会社">会社</OPTION>
<OPTION value="家">家</OPTION>
</SELECT>
<BR>
<TEXTAREA name="txtArea" rows="5" cols="50">

********************************************-->
プルダウンの内容が変わったとき(onChange)、
javascript(引数:名前)を呼び出してテキストエリアに表示させます。

<BODY>内に記述してください
<!--*******************************************

<script language="javascript">
<!--
function fun_set(set_name){
txtArea.value += eval(set_name).value;
}
//-->
</script>
<SELECT name="WHEN" size="1" onChange="javascript:fun_set(WHEN);">
<OPTION value="昨日" >昨日</OPTION>
<OPTION value="今日">今日</OPTION>
<OPTION value="明日">明日</OPTION>
</SELECT>
<SELECT name="WHERE" size="1" onChange="javascript:fun_set(WHERE);">
<OPTION val...続きを読む

Q複数のプルダウンからリンクする方法

こんにちは、いつもお世話になっています、英行と申します。

今回ご質問させて頂く内容なのですが、複数のプルダウンから指定した場所へのリンク方法?です。

例えば自分のサイト内に3年分の日記があったとします。
その中には12か月分の項目があり、さらに28~31の項目が有ります。
3つのプルダウンを並べ、指定したページへリンクしたいと考えています。

例)
年 月 日 Go

といった感じで、2000年の09月の15日というようにプルダウンで選択して
Goを押すことによって指定した場所へリンクさせる方法はあるでしょうか?

お分かりになる方、教えていただけませんでしょうか?
よろしくお願いします。

Aベストアンサー

こんな感じでどうでしょうか?

<html>
<script>
<!--
function jump(){
location.href = 'http://test/' + form.year.value + form.month.value + form.day.value + '.html';
}
-->
</script>
<body>
<form name="form">
<select name="year">
<option value="2005">2005</option>
<option value="2007">2007</option>
</select>
<select name="month">
<option value="12">12</option>
<option value="06">06</option>
</select>
<select name="day">
<option value="31">31</option>
<option value="01">01</option>
</select>
<input type="button" value="GO" onclick="jump();" />
</form>
</body>
</html>

こんな感じでどうでしょうか?

<html>
<script>
<!--
function jump(){
location.href = 'http://test/' + form.year.value + form.month.value + form.day.value + '.html';
}
-->
</script>
<body>
<form name="form">
<select name="year">
<option value="2005">2005</option>
<option value="2007">2007</option>
</select>
<select name="month">
<option value="12">12</option>
<option value="06">06</option>
</select>
<select name="day">
<option value="31">31</option>
<op...続きを読む


人気Q&Aランキング

おすすめ情報