以下のようなリストボックスで、今日の日付データから「(1年前の)year」と「(今月の)month」の初期設定値を与えようと思うのですが、スマートな方法が思いつきません。
どなたかよい方法を教えてください・・・

<form name="test">
<select name="year">
<option>1997
・・・(中略)
<option>2005</select>

<select name="month">
<option value="01">1
・・・(中略)
<option value="12">12</select>

</form>

<script language="JavaScript">
<!--
function initial(){
【ここにどのように書くか】
}
initial();
//-->
</script>

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

A 回答 (1件)

こんな感じでいいと思います


function initial(){
var today = new Date();
//var year = today.getYear();
var month = today.getMonth();
var yearLen = document.test.year.options.length;
document.test.year.options[yearLen-1 -1].selected=true;
document.test.month.options[month].selected=true;
}
//--------------------------------------------
昨年を求めるのに、optionの最後のデータの手前のデータを選ぶようにしてあります。(つまり、今年が一番最後のデータとしてあることを期待している。)
質問文の様な形式だと、"その年"(実行する時の年)のソースがどうなっているか判らないので、他の方法の方がいいかもしれません。
例えば、現在yearの方にはvalueを付けてありませんけど、valueとかの値でそのリストを探すようにするとか。(valueがなくてもoptions[i].textで調べられますけど)
    • good
    • 0
この回答へのお礼

ありがとうございます。valueがないといろいろと面倒なのですね。。。

options[i].textに対して選択されているチェックボックスが何番目かを調べる方法については、Webの情報をを元になんとかできました。

お礼日時:2005/04/07 00:31

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

このQ&Aを見た人が検索しているワード

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

QYouTubeの再生リスト再生

Android端末で、YouTubeの《再生リスト》を聞く方法が分かりません。

PCでは、《再生リスト》を選択するとリスト通りに次々と
再生されますが、Android用YouTubeアプリで再生すると
一曲で終わってしまいます。

どなたか良い知恵を御教授下さい。

Aベストアンサー

>自動では次の曲に移らない、との見解で宜しいのでしょうか?
はい

ちなみに先ほど書いた操作はYouTubeアプリ限定で、お気に入り再生時には効きません

Q

HTML の <FORM> の

<SELECT>
<OPTION VALUE="11">AAA</OPTION>

の<OPTION >を JavaScript で設定しようと考えています。

方法ご存知の方いらっしゃいましたら、御教授願います。

また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。


よろしくお願い致します。

Aベストアンサー

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属性 value に対応します。

> また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。

私は、本家のページ(→参考URL)を良く見ます。

参考URL:http://developer.netscape.com/docs/manuals/communicator/jsref/index.htm

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属...続きを読む

QYouTube コメント欄 再生リスト名表示

YouTube再生リストに追加してからリストからその動画に飛びコメントしても ナイス! イマイチ の横に登録した再生リスト名が表示されません。表示させる方法教えて下さい

Aベストアンサー

再生リストに入れている動画の再生の仕方によるのかなと思います。

1.自分のチャンネル内で再生リストから再生しコメントを入れる場合

2.ダイレクトに通常検索で表示させて再生する場合

このどちらかにより同じ動画をチャンネル内で再生リストから選択して
そこで再生させながらコメントする場合と

再生リストに入れている動画なんですが
ダイレクトに検索してコメントを書き込む場合で

コメント横に表示したりしなかったりなるんだと解釈しています。

QNew OPTIONで作ったタグの追加

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.7");</script>
<script type="text/javascript">

$(function() {
$("#tags span").click(function() {
var tags = $(this).attr('id');
$("#tags span").removeClass('select');
$(this).addClass('select');
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<div id="tags">
<span class="select"><button>全て</button></span>
<span id="dogs"><button>イヌ</button></span>
<span id="cats"><button>ネコ</button></span>
<span id="birds"><button>トリ</button></span>
</div>

<div id="animal">
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog1.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird2.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat3.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat4.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird4.jpg"/alt="写真" width="250" height="188"></div>
</div>

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/...続きを読む

Aベストアンサー

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option valu...続きを読む


人気Q&Aランキング

おすすめ情報