WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストボックスの初期選択

0:[投稿] いち平社員 [2007/01/11 21:34 ] [環境:IE6 わからない]

はじめまして
今日はじめてjavaScriptに触れたばかりのド素人です。
HTML経験者ゼロ人という状況でWeb関連の開発をすることになり、新年早々 涙も枯れ果てた現状となっております。

初歩的な質問で大変申し訳ないのですが、教えていただけないでしょうか
環境はjavaScriptになります。
やりたいことは月のリストボックスの中から
システム日付で取得した月の値を選択したいということです。


<select size="1" name="month">
 <option>01</option>
 <option>02</option>
          :
 <option>12</option>
</select>
<script>
<!-- これは仮設定です(8月という意味で) -->
 month.selectedIndex = 8;
</script>

現時点での結果はリストボックスの先頭が選択された状態と
なります。
大変申し訳ございませんが宜しくお願い致します。


1:[回答] 通りすがり [2007/01/12 13:43 ]

こういうのはいかがでしょう。
以下の前提で組んでます。
 ■システム日付はサーバ側で取得
 ■リスト選択のタイミングはとりあえずオンロード
HTML出力する際に、var now_month = 2;の数値の部分をその月に変更してください。

var now_month = 2;
部分の数値をあらかじめ-1してセットするのであれば、
this.document.frm1.month.selectedIndex = now_month -1;

this.document.frm1.month.selectedIndex = now_month;
でもかまいません。

もしくはindex0番目には
<option>月を選択してね。</option>
っとかいれる方法もOK。
その場合は
var now_month = 2;
は月そのままセットして
this.document.frm1.month.selectedIndex = now_month;
でいってください。

▼▼▼サンプル▼▼▼
<html>
<head>
 <title>てすと〜。</title>
 <meta http-equiv="content-type" content="text/html;charset=shift_jis">
 <script language="JavaScript" type="text/javascript">
 <!--
   // システム日付で取得した月の値(何月か)
   var now_month = 2;
   //セレクトボックスの選択変更
   function MonthSelChg(){
     this.document.frm1.month.selectedIndex = now_month -1;
   }
 // -->
 </script>
</head>
<body onload="MonthSelChg()">
 <form name="frm1">
   <select size="1" name="month">
     <option>01</option>
     <option>02</option>
     <option>03</option>
     <option>04</option>
     <option>05</option>
     <option>06</option>
     <option>07</option>
     <option>08</option>
     <option>09</option>
     <option>10</option>
     <option>11</option>
     <option>12</option>
   </select>
 </form>
</body>
</html>
▲▲▲サンプル▲▲▲


2:[完了] いち平社員 [2007/01/12 15:13 ]

通りすがりさん
ご解答ありがとうございました


<body onload=>
を使うことにより解決することできました!!!

javascriptマスター目指して今日も頑張ります (^^

回答(必須): 状態:

お名前(必須):

URL:




[戻る]