JSFiddle - React, Tailwind, and code Playground
HTML
<select name="year" class="select" id="year" onchange="AySec();">
<option value="0">Yıl</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option...
JavaScript
$(document).ready(function() {
$("#year").val('1989');
AySec();
$("#month").val('4');
AySec();
$("#day").val('2');
});
function AySec()
{
var YearAl = $("#year").val();
if (YearAl<=1900)
{
$('#month').empty();
$('#month').append('<option value="0">Ay</option>');
}
else
{
var i = 1;
while ( i <=12 )
{
if (i<=9) { ii='0'+i; }
else { ii=i; }
$('#month').append('<option value='+i+'>'+ii+'</option>');
i++;
}
}
var MonthAl = $("#month").val();
if (MonthAl== 4 || MonthAl==6 || MonthAl==9 || MonthAl==11) { days=30; }
else if (MonthAl==2)
{
if(YearAl % 400 == 0 || (YearAl % 4 == 0 && YearAl % 100 != 0)) { days=29; }
else { days=28; }
}
else if (MonthAl=='Null' || MonthAl==null || MonthAl=='' || MonthAl==0) { days=0; }
else { days=31; }
if (MonthAl<=0)
{
$('#day').empty();
$('#day').append('<option value="0">Gün</option>');
}
else
{
var i = 1;
while ( i <=days )
{
if (i<=9) { ii='0'+i; }
else { ii=i; }
$('#day').append('<option value='+i+'>'+ii+'</option>');
i++;
}
}
}