/    Sign up×
Community /Pin to ProfileBookmark

reading dropdown list

Hi everyone

I have a next problem:

I have 3 PHP functions each holding a drop down list of days, month and years.
These functions are used in the HTML pagte as inserts

I need to read selected values from these lists into a javascript function.

Here is a small sample based on days

[code=php]
function days_for_dropdown(){
echo’
<select name=”day” id=”day” size=”1″>
<option value=”01″>01</option>
<option value=”02″>02</option>
<option value=”03″>03</option>
<option value=”04″>04</option>
<option value=”05″>05</option>
<option value=”06″>06</option>
<option value=”07″>07</option>
<option value=”08″>08</option>
<option value=”09″>09</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=”27″>27</option>
<option value=”28″>28</option>
<option value=”29″>29</option>
<option value=”30″>30</option>
<option value=”31″>31</option>
</select>’;
}
[/code]

[CODE]
SCRIPT type=”text/javascript”>
function calculateAge(){

//get a day selected from the dropdown

var inputDay = document.getElementsById(“day”).value;

alert(inputDay);

}

</SCRIPT>

[/CODE]

Yet when I run the page – nothing happens:o

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@vwphillipsJul 01.2008 — you should get an error as there is no 's' in document.getElementById

var inputDay = document.getElementById("day").value;
Copy linkTweet thisAlerts:
@NightcatauthorJul 01.2008 — Here's the error I found

Line: 15

Char: 3

Error: Object doesn't support this property or method

Code: 0

URL: .......


Where line 15 is where I have:

var inputDay=document.getElementById("day").value;
Copy linkTweet thisAlerts:
@vwphillipsJul 01.2008 — [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function calculateAge(){

//get a day selected from the dropdown

var inputDay = document.getElementById("day").value;

alert(inputDay);

}

/*]]>*/
</script>

</SCRIPT></head>

<body>
<select name="day" id="day" size="1">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</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="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<input type="button" name="" value="Test" onclick="calculateAge()" /></body>

</html>[/CODE]


check that 'day' is unique ie not anothe variaible, function, name or id name
×

Success!

Help @Nightcat spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.13,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
)...