选择列表后查询SQL数据库 - Query SQL database after Select List

Query SQL database after Select List

本文关键字：SQL 数据库查询列表选择 | 更新日期: 2023-09-27

我有两个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>

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