Question

我有两个html选择列表，显示月份和年份。根据选择，我想要第三个选择列表来显示该月份和年份的工作日（我已经存储在mysql数据库中）我不熟悉javascript和jquery这样做，这就是我需要的部分帮助，一旦选择了其他两个选项，自动填充日期字段。

<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>

Answer 1

<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。然后，您可以解析日，月，年服务器端。

选择列表后查询SQL数据库

1 个答案: