<html>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
//alert('readyfunciton');
//Month value changed
$("#MM").change(function(){
var selectVal = $('#MM :selected').val();
//alert(selectVal);
if(selectVal == '2'){
$("#DD option[value='29']").attr('hidden','hidden');
$("#DD option[value='30']").attr('hidden','hidden');
$("#DD option[value='31']").attr('hidden','hidden');
}else if(selectVal == '4' || selectVal == '6' ||selectVal == '9'|| selectVal == '11'){
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").removeAttr("hidden");
$("#DD option[value='31']").attr('hidden','hidden');
}else{
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").removeAttr("hidden");
$("#DD option[value='31']").removeAttr("hidden");
}
});
$("#YYYY").change(function(){
var yearVal = $('#YYYY :selected').val();
var monthVal = $('#MM :selected').val();
if( ((yearVal%4 == 0 && yearVal%100 !== 0) && monthVal == 2)|| yearVal%400 == 0)){
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").attr('hidden','hidden');
$("#DD option[value='31']").attr('hidden','hidden');
}
});
});
</script>
<body>
<select name="MM" id="MM">
<option>MM</option>
<?php
$MM = array('1' => 'JAN',
'2' => 'FEB',
'3' => 'MAR',
'4' => 'APR',
'5' => 'MAY',
'6' => 'JUN',
'7' => 'JUL',
'8' => 'AUG',
'9' => 'SEP',
'10' => 'OCT',
'11' => 'NOV',
'12' => 'DEC');
foreach ($MM as $key => $value){
echo '<option value ="'.$key.'">'.$value.'</option>';
}
?>
</select>
<select name="DD" id="DD">
<option>DD</option>
<?php
for ($i = 1; $i <= 31; $i++) {
echo '<option value="'.$i.'">'.$i.'</option>';
}
?>
</select>
<select name="YYYY" id="YYYY">
<option>YYYY</option>
<?php
for ($i = 1960; $i < 2020; $i++) {
echo '<option value="'.$i.'">'.$i.'</option>';
}
?>
</select>
</body>
</html>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
//alert('readyfunciton');
//Month value changed
$("#MM").change(function(){
var selectVal = $('#MM :selected').val();
//alert(selectVal);
if(selectVal == '2'){
$("#DD option[value='29']").attr('hidden','hidden');
$("#DD option[value='30']").attr('hidden','hidden');
$("#DD option[value='31']").attr('hidden','hidden');
}else if(selectVal == '4' || selectVal == '6' ||selectVal == '9'|| selectVal == '11'){
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").removeAttr("hidden");
$("#DD option[value='31']").attr('hidden','hidden');
}else{
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").removeAttr("hidden");
$("#DD option[value='31']").removeAttr("hidden");
}
});
$("#YYYY").change(function(){
var yearVal = $('#YYYY :selected').val();
var monthVal = $('#MM :selected').val();
if( ((yearVal%4 == 0 && yearVal%100 !== 0) && monthVal == 2)|| yearVal%400 == 0)){
$("#DD option[value='29']").removeAttr("hidden");
$("#DD option[value='30']").attr('hidden','hidden');
$("#DD option[value='31']").attr('hidden','hidden');
}
});
});
</script>
<body>
<select name="MM" id="MM">
<option>MM</option>
<?php
$MM = array('1' => 'JAN',
'2' => 'FEB',
'3' => 'MAR',
'4' => 'APR',
'5' => 'MAY',
'6' => 'JUN',
'7' => 'JUL',
'8' => 'AUG',
'9' => 'SEP',
'10' => 'OCT',
'11' => 'NOV',
'12' => 'DEC');
foreach ($MM as $key => $value){
echo '<option value ="'.$key.'">'.$value.'</option>';
}
?>
</select>
<select name="DD" id="DD">
<option>DD</option>
<?php
for ($i = 1; $i <= 31; $i++) {
echo '<option value="'.$i.'">'.$i.'</option>';
}
?>
</select>
<select name="YYYY" id="YYYY">
<option>YYYY</option>
<?php
for ($i = 1960; $i < 2020; $i++) {
echo '<option value="'.$i.'">'.$i.'</option>';
}
?>
</select>
</body>
</html>
No comments:
Post a Comment