rails-west:51

馬場＠大阪です

土曜日は熱気あふれるセミナーで、元気をもらってきました。

JavaScriptでセレクトボックスを動的に行うサンプルです。
date_selectを生成するときに、うまくタグを生成してくれるように
なるといいんですが。

前に学部を選んだら学科を選べるというのつくってたんですが、
どっかにいったので＾＾；
オリジナルはこれです。
http://www.alistapart.com/d/complexdynamiclists/dynamicselect.html


ロードした時に一つ選択させておく関数がいりますね。
うるう年は年月日まとめて計算してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="jp">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>セレクトボックス動的変更の例</title>
  <style type="text/css">
  </style>
  <script type="text/javascript">
    function populate(o)
    {
      d=document.getElementById('de');
      if(!d){return;}
      var mitems=new Array();

mitems['28']=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','
15','16','17','18','19','20','21','22','23','24','25','26','27','28'];

mitems['29']=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','
15','16','17','18','19','20','21','22','23','24','25','26','27','28','29'];

mitems['30']=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','
15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','3
0'];

mitems['31']=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','
15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','3
0','31'];
      d.options.length=0;
      var mdy;
      switch(o.options[o.selectedIndex].value){
        case "2":
          mdy='28'; break;
        case "4":
          mdy='30'; break;
        default:
          mdy='31';
      }
      cur=mitems[mdy];
      if(!cur){return;}
      d.options.length=cur.length;
      for(var i=0;i<cur.length;i++)
      {
        d.options[i].text=cur[i];
        d.options[i].value=cur[i];
      }
    }
  </script>
</head>
<body>
<form action="" method="get">
  <label for="or">制作日:</label>
  <select name="or" id="or" onchange="populate(this)">
    <option value="1">１月</option>
    <option value="2">２月</option>
    <option value="3">３月</option>
    <option value="4">４月</option>
  </select>
  <select name="de" id="de">
  <label for="de">日</label>
  </select>
  <br/>
  <input type="submit" value="テスト" />
</form>
<p>ボタンを押してもなにもおこりません</p>
</body>
</html>


--
ML: rails-west@r...
使い方: http://QuickML.com/
公式ページ: http://wiki.fdiary.net/rails/?RailsMeetingOsaka
過去ログ: http://www.fdiary.net/ml/rails-west/