Solved

select box population with auto select current date

Posted on 2004-08-12
8
249 Views
Last Modified: 2006-11-17
I have 3 select boxes that are populated with the month, day, and year... Jan Feb Mar, 01,02,03 etc etc

Is there a way to auto select the box closest to today's date?
0
Comment
Question by:Eduski
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 3

Expert Comment

by:thecode101
ID: 11784420
What language are you using?
0
 
LVL 3

Author Comment

by:Eduski
ID: 11784427
coldfusion
0
 
LVL 21

Accepted Solution

by:
pinaldave earned 250 total points
ID: 11784443
Hi Eduski,

what you can do is this.. .in cold fusion
you go as dateformat(#now()#, "mm") now you get the month...
then after you compare this with your select box month... like
<option value="1">1<cfif mymonth eq "1">selected
<option value="2">2<cfif mymonth eq "2">selected

same goes for year use yy, day use dd
this will work.



Regards,
---Pinal
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 36

Expert Comment

by:Zyloch
ID: 11784493
Hi

It can be done both client-side and server-side depending on how you want it and what you have available. I will only show you client-side Javascript right now, but it's of your opinion how you want to proceed.

<script language="javascript">
<!--

var monthArray = new Array("January","February","March","April","May","June","July","August","September","October","November","December");

function selectClosestDate(monthField,dayField,yearField) {
   //Here, I'm assuming the year field is a input field, not a drop down. If it is, it can be corrected quite easily.
   var now = new Date;
   var currDate = now.getDate()+1;
   var currMonth = monthArray[now.getMonth()];
   var currYear = now.getYear();

   for (var i=0;i<monthField.options.length;i++) {
      if (monthField.options[i].value==currMonth) {
          monthField.selectedIndex = i;
          break;
      }
   }

   for (var i=0;i<dayField.options.length;i++) {
       if (parseInt(dayField.options[i].text,10)==currDate) {
          dayField.selectedIndex = i;
       }
   }

   yearField.value = currYear;
}


Have this function in <body onload> and supply the monthField, dayField, and yearField. For your monthfield, each of the options have to have a value of "January" or "February" like this:

<option value="January">Jan</option>

fully written out. Nothing needs to be done for the date field.

Regards,
Zyloch
0
 
LVL 3

Author Comment

by:Eduski
ID: 11784495
beautiful pinal, thanks
0
 
LVL 36

Expert Comment

by:Zyloch
ID: 11784499
Ahh, sorry stale window.

Regards
0
 
LVL 3

Author Comment

by:Eduski
ID: 11784530
thanks for your attempts anyway, i appreciate you taking the time
0
 
LVL 21

Expert Comment

by:pinaldave
ID: 11784740
You are welcome. Glad to help you,
Have a good day!
---Pinal
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Wordpress "chart" plugin recommendation 7 52
hosting images 4 29
Query still returning duplicates 5 30
what are list of ebay api errors 1 19
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question