년 월 일 날짜 콤보박스 셋팅

 

<script type="text/javascript">

var monthtext=['1','2','3','4','5','6','7','8','9','10','11','12'];

function populatedropdown(dayfield, monthfield, yearfield){

var today=new Date()

var dayfield=document.getElementById(dayfield)

var monthfield=document.getElementById(monthfield)

var yearfield=document.getElementById(yearfield)

    for (var i=0; i<31; i++)

        dayfield.options[i]=new Option(i+1, i+1)

        dayfield.options[today.getDate()]=new Option(today.getDate(), today.getDate(), true, true) //select today's day

    for (var m=0; m<12; m++)

        monthfield.options[m]=new Option(monthtext[m], monthtext[m])

        monthfield.options[today.getMonth()]=new Option(monthtext[today.getMonth()], monthtext[today.getMonth()], true, true) //select today's month

var thisyear=today.getFullYear()

    for (var y=0; y<20; y++){

        yearfield.options[y]=new Option(thisyear, thisyear)

        thisyear+=1

    }

    yearfield.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true) //select today's year

}

</script>

<form action="" name="someform">

<select id="daydropdown">

</select>

<select id="monthdropdown">

</select>

<select id="yeardropdown">

</select>

</form>

<script type="text/javascript">

window.onload=function(){

populatedropdown("yeardropdown", "monthdropdown", "daydropdown")

}

</script>