Need to populate three drop down lists(for day,month and year) using javascript

Ranch Hand

Posts: 87

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have three drop down lists using javascript into three html drop down lists . The days list will have values from 1-31 , the month list will have values from 1-12 and the year list will have values from 1900-2005. There is a for loop involved.

vinayak jog

Ranch Hand

Posts: 83

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Do some coding get error look for answers, don just distribute your assignments

achuthan mukundarajan

Ranch Hand

Posts: 87

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I am new to javascript and have tried different tutorials on the web. I know it is a simple for loop in three ways . But i cant do it in javascript.I have done the same in ASP.NET. Still looking for help.

achuthan mukundarajan

Ranch Hand

Posts: 87

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

And the form tag i wrote onload="addOption_list()"

Also there is an empty drop down list in the html part written as

It didnt work but it sounds logically correct and there is no error in the javascript console.

achuthan mukundarajan

Ranch Hand

Posts: 87

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Figured it out myself. The onload event should be written the body tag and my final working code is :

</script>
        <style type="text/css">
         input.watermark_f {
             color: #999;
             font-style:italic;
         } 
         input.watermark_l {
             color: #999;
             font-style:italic;
         }   
            
        </style>
    </head>
    <body onload="addOption_list()">
        <form name="register_form" action="" id="register_form" >
        <table border="2" cellspacing="50">
            <tr>
            <h1>User Registration</h1>
            </tr>
            <tr>
                <td>Name:</td>
                <td><input id="txt_fname" type="text" name="txtfname"></td>
                <td><input id="txt_lname" type="text" name="txtlname"></td>
            </tr>
            <tr>
                <td>Date of Birth</td>
                <td><select name="day_list"><option value="">Day</option></select></td>
                <td><select name="month_list"><option value="">Month</option></select></td>
                <td><select name="year_list"><option value="">Year</option></select></td>
            </tr>
        </table
        </form>
        
            
       </body>
</html>

Thank you my well lotioned goddess! Here, have my favorite tiny ad!

We need your help - Coderanch server fundraiser

https://coderanch.com/wiki/782867/Coderanch-server-fundraiser