Getting the value of a SELECT element with javascript [duplicate]

Question

I have a form that user should select start and end time of an event (only hour and minute). I want to validate the form in such a way that start time of course should be smaller than end time.

For this I have some select elements like this:

<select name="start_timeHour">
  <option value="00">00</option>
  <option value="01">01</option>
  <option value="02">02</option>
  <option value="03">03</option>
  <!-- UP TO 24 -->
</select>

<select name="start_timeMinutes">
.....
<select name="end_timeHour">
.....
<select name="end_timeMinutes">
<!-- I think you got the idea! -->

So I want to get the value of selected options for start and end (hours and minutes and compare them in an if statement). To start the things, I tried to get the value of start_timeHour but the alert function only shows undefined

<script type="text/javascript">
    function validateTime()
    {
        var startHour = 
            document.forms["add_new_schedule"]["start_timeHour"].value;
        alert("Start hour is ".startHour );
    }
</script>

Can you tell me what is the problem and how can I manage this?

This may help: stackoverflow.com/questions/1085801/…

rink.attendant.6
– rink.attendant.6

2013-08-08 15:12:37 +00:00
Commented Aug 8, 2013 at 15:12 — rink.attendant.6
– rink.attendant.6, Commented Aug 8, 2013 at 15:12
This question is too localized as it is about a typo.

Paul S.
– Paul S.

2013-08-08 15:22:20 +00:00
Commented Aug 8, 2013 at 15:22 — Paul S.
– Paul S., Commented Aug 8, 2013 at 15:22

Amin Abu-Taleb · Accepted Answer · 2013-08-08 15:12:40Z

5

Your code is correct, your mistake is in

alert("Start hour is ".startHour );

You're getting startHour property from "Start hour is" String which is undefined.

alert("Start hour is "+startHour );

answered Aug 8, 2013 at 15:12

Amin Abu-Taleb

4,5116 gold badges36 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RaphaelDDL · Accepted Answer · 2013-08-08 15:13:46Z

1

Try this

function validateTime()
{
    var startHour = document.getElementByName('start_timeHour');
    alert("Start hour is " + startHour.options[startHour.selectedIndex].value);
}

answered Aug 8, 2013 at 15:13

RaphaelDDL

4,4902 gold badges34 silver badges57 bronze badges

Collectives™ on Stack Overflow

Getting the value of a SELECT element with javascript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related