2013-07-26 20 views
0

我有兩個顯示月份和年份的html選擇列表。基於選擇我想要第三個選擇列表來顯示該月份和年份(我已經存儲在MySQL數據庫中)的工作日我不熟悉JavaScript和jQuery來做到這一點,所以這是我需要的部分幫助,一旦選擇了其他兩個選項,自動填充日期字段。在選擇列表後查詢SQL數據庫

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

您可以使用ajax。 –

+0

它必須是純JavaScript還是接受jQuery? – DontVoteMeDown

+0

@MarcB我甚至沒有看到,我會盡量快速地嘗試,當然,jQuery的作品,任何使它工作的東西都可以:) – Da11aS

回答

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> 

或保存yourselve一大堆的時間,並使用內置的JQuery的Datepicker。然後,您可以解析日,月,年服務器端。

+1

這實際上並不顯示給定的「工作日」每個原始問題的月份:提問者可能會自動篩選出週末,節假日,去年他的公司因聖誕節活動而關閉的日子等。 – giaour

+0

問題在於我需要具體的月份和年份存儲在我的數據庫中。 – Da11aS