SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Afrika
    Join Date
    Jul 2004
    Location
    Nigeria
    Posts
    1,737
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy concatenating 3 drop down boxes (Day, month, and year)

    Hello
    PROBLEM

    I am trying to get users on my site to enter a valid date. IN THE ASP SCRIPT BELOW. So that the date woudl be used as a variable in a hidden field which is passed over to be inserted in my database

    IMPLEMENTATION
    I used 3 drop down boxes (day, month and year)

    But it doesnt seem to work. Am not proficient with Javascript, only VB script

    SOLUTION
    Has anyone got any;
    1. Scripts to do this
    2. Assist with the script below
    thanks



    <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    <script type="text/javascript" language="javascript">
    function doit(oForm)
    {
    var dateStr = oForm.Month.options[oForm.Month.selectedIndex].value + '/' + oForm.Day.options[oForm.Month.selectedIndex].value + '/' + oForm.Year.options[oForm.Month.selectedIndex].value

    oForm.theDate.value = dateStr;

    return true;
    }
    </script>
    </head>
    <body>
    <form name="theForm" onsubmit='return doit(this)'>
    <input type='hidden' name="theDate">
    <select name="day" id="day" style="font-family: Verdana; color: #808000" size="1">
    <option selected>----</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select>
    &nbsp;&nbsp;&nbsp;
    <select name="month" id="select5" style="font-family: Verdana; color: #808000" size="1">
    <option>-----</option>
    <option value="1">jan</option>
    <option value="2">feb</option>
    <option value="3">march</option>
    <option value="4">april</option>
    <option value="5">may</option>
    <option value="6">june</option>
    <option value="7">july</option>
    <option value="8">aug</option>
    <option value="9">sept</option>
    <option value="10">oct</option>
    <option value="11">nov</option>
    <option value="12">dec</option>
    </select>
    &nbsp;&nbsp;&nbsp;
    <SELECT class=sinput name=year size="1" style="color: #808000; font-family: Verdana">
    <OPTION value=0
    selected>----
    <OPTION value="1944">1944
    <OPTION value="1945">1945
    <OPTION value="1946">1946
    <OPTION value="1947">1947
    <OPTION value="1948">1948
    <OPTION value="1949">1949
    <OPTION value="1950">1950
    <OPTION value="1951">1951
    <OPTION value="1952">1952
    <OPTION value="1953">1953
    <OPTION value="1954">1954
    <OPTION value="1955">1955
    <OPTION value="1956">1956
    <OPTION value="1957">1957
    <OPTION value="1958">1958
    <OPTION value="1959">1959
    <OPTION value="1960">1960
    <OPTION value="1961">1961
    <OPTION value="1962">1962
    <OPTION value="1963">1963
    <OPTION value="1964">1964
    <OPTION value="1965">1965
    <OPTION value="1966">1966
    <OPTION value="1967">1967
    <OPTION value="1968">1968
    <OPTION value="1969">1969
    <OPTION value="1970">1970
    <OPTION value="1971">1971
    <OPTION value="1972">1972
    <OPTION value="1973">1973
    <OPTION value="1974">1974
    <OPTION value="1975">1975
    <OPTION value="1976">1976
    <OPTION value="1977">1977
    <OPTION value="1978">1978
    <OPTION value="1979">1979
    <OPTION value="1980">1980
    <OPTION value="1981">1981
    <OPTION value="1982">1982
    <OPTION value="1983">1983
    <OPTION value="1984">1984
    <OPTION value="1985">1985
    <OPTION value="1986">1986
    <OPTION value="1987">1987
    <OPTION value="1988">1988
    <OPTION value="1989">1989
    <OPTION value="1990">1990</OPTION>
    </SELECT>
    <input type='submit' value='submit'>
    </form>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="center"><%=request("theDate")%>&nbsp;</p>
    </body>
    </html>

  2. #2
    SitePoint Wizard silver trophy
    Join Date
    May 2003
    Posts
    1,843
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try this:
    Code:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>untitled</title>
    <script type="text/javascript">
    
    var numDays = {
                    '1': 31, '2': 28, '3': 31, '4': 30, '5': 31, '6': 30, 
                    '7': 31, '8': 31, '9': 30, '10': 31, '11': 30, '12': 31
                  }; 
    
    function setDays(oMonthSel, oDaysSel, oYearSel)
    { 
    	var nDays, oDaysSelLgth, opt, i = 1; 
    	nDays = numDays[oMonthSel[oMonthSel.selectedIndex].value]; 
    	if (nDays == 28 && oYearSel[oYearSel.selectedIndex].value % 4 == 0) 
    		++nDays; 
    	oDaysSelLgth = oDaysSel.length; 
    	if (nDays != oDaysSelLgth)
    	{ 
    		if (nDays < oDaysSelLgth) 
    			oDaysSel.length = nDays; 
    		else for (i; i < nDays - oDaysSelLgth + 1; i++)
    		{ 
    			opt = new Option(oDaysSelLgth + i, oDaysSelLgth + i); 
                      	oDaysSel.options[oDaysSel.length] = opt;
    		} 
    	}
    	var oForm = oMonthSel.form;
    	var month = oMonthSel.options[oMonthSel.selectedIndex].value;
    	var day = oDaysSel.options[oDaysSel.selectedIndex].value;
    	var year = oYearSel.options[oYearSel.selectedIndex].value;	
    	oForm.hidden.value = month + '/' + day + '/' + year;
    } 
    
    </script>
    </head>
    <body>
    <form>
    <select name="month" id="month" onchange="setDays(this,day,year)">
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
    </select>
    <select name="day" id="day" onchange="setDays(month,this,year)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    </select>
    <select name="year" id="year" onchange="setDays(month,day,this)">
    <option value="1944">1944</option>
    <option value="1945">1945</option>
    <option value="1946">1946</option>
    <option value="1947">1947</option>
    <option value="1948">1948</option>
    <option value="1949">1949</option>
    <option value="1950">1950</option>
    <option value="1951">1951</option>
    <option value="1952">1952</option>
    <option value="1953">1953</option>
    <option value="1954">1954</option>
    <option value="1955">1955</option>
    <option value="1956">1956</option>
    <option value="1957">1957</option>
    <option value="1958">1958</option>
    <option value="1959">1959</option>
    <option value="1960">1960</option>
    <option value="1961">1961</option>
    <option value="1962">1962</option>
    <option value="1963">1963</option>
    <option value="1964">1964</option>
    <option value="1965">1965</option>
    <option value="1966">1966</option>
    <option value="1967">1967</option>
    <option value="1968">1968</option>
    <option value="1969">1969</option>
    <option value="1970">1970</option>
    <option value="1971">1971</option>
    <option value="1972">1972</option>
    <option value="1973">1973</option>
    <option value="1974">1974</option>
    <option value="1975">1975</option>
    <option value="1976">1976</option>
    <option value="1977">1977</option>
    <option value="1978">1978</option>
    <option value="1979">1979</option>
    <option value="1980">1980</option>
    <option value="1981">1981</option>
    <option value="1982">1982</option>
    <option value="1983">1983</option>
    <option value="1984">1984</option>
    <option value="1985">1985</option>
    <option value="1986">1986</option>
    <option value="1987">1987</option>
    <option value="1988">1988</option>
    <option value="1989">1989</option>
    <option value="1990">1990</option>
    </select>
    <input type="text" name="hidden" value="" />
    </form>
    </body>
    </html>
    
    ::: certified wild guess :::

  3. #3
    Afrika
    Join Date
    Jul 2004
    Location
    Nigeria
    Posts
    1,737
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool

    Just wanted to say a big thank u 2 adios
    cheeeeeeeeeeeeeeeeeeeeeeeeeeer

    Afrika


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •