0

月と年を表示する 2 つの html 選択リストがあります。選択に基づいて、3 番目の選択リストにその月と年の営業日 (mysql データベースに保存したもの) を表示する必要があります。JavaScript と jquery に慣れていないので、これが必要な部分です。他の 2 つのオプションが選択されると、日付フィールドが自動入力されます。

<select name="month" class="selectList" id="month">
   <option>January</option>
   <option>February</option>
   <option>March</option>
   <option>April</option>
   <option>May</option>
   <option>June</option>
   <option>July</option>
   <option>August</option>
   <option>September</option>
   <option>October</option>
   <option>November</option>
   <option>December</option>
</select>

<select name="year" class="selectList" id="year">
   <option>2012</option>
   <option>2013</option>
   <option>2014</option>
   <option>2015</option>
   <option>2016</option>
</select>

<select name="date" class="selectList" id="date">
   <option>
           javascript to auto populate 
           multiple options from mysql database 
           based on previous two selections
   </option>
</select>
4

1 に答える 1

0
<script type="text/javascript">
    $(document).ready(function() {
        $('#date').hide();
        $('#month, #year').change(function() {
            var month = $('#month').val();
            var year = $('#year').val();
            var days_in_month = new Date(year, month, 0).getDate();
            for ( var i = 1; i <= days_in_month; i++ ) {
                $('#date').append('<option value="' + i + '">' + i + '</option>');  
            }
            $('#date').show();
        });
    });
 </script>

または、時間を大幅に節約して、 JQuery に組み込まれているDatepickerを使用してください。その後、サーバー側で日、月、年を解析できます。

于 2013-07-26T19:44:51.993 に答える