Getting the selected value of a select input

Andez

All,

I'm having a little trouble getting the value of a select in my html form. I want a list of dates in a dropdown and when the user clicks on refresh it should do the appropriate action. But when I run in IE7, it comes up with the selectedIndex being undefined.

In my HTML body, I have the select and standard button:

Expand|Select|Wrap|Line Numbers

 
<body id="example" onload="displayXML();">

    <div class="divPageHeader" style="width: 100%;">

        <select id="dateSelect">

                        <option value="1-Dec-2000">1-Dec-2000</option>

                        <option value="1-Dec-2010">1-Dec-2010</option>

                    </select>

                    <input id="refresh" type="button" value="Refresh" onclick="fnDateChange();" />

    </div>

</body>

And in the head, I have the function defined...

Expand|Select|Wrap|Line Numbers

 
<head>

        <script language="javascript" type="text/javascript">
 
            function fnDateChange() 

            {

                 var selectedDate = document.getElementById("dateSelect").value

                 alert(selectedDate.toString());

                 alert("Index = " + selectedDate.selectedIndex);

                 var oStartDT = selectedDate.options[selectedDate.selectedIndex].value;
 
            }

        }
 
    </script>

When I run the form, I select the date and click on refresh. And it comes up wit the:

Message box alert with 1-Dec-2010
Message box alert with Index = undefined
Script error

Error: 'options' is null or not an object.
Code: 0

acoder

selectedDate should be the select object, not the value, so change line 6 to:

Expand|Select|Wrap|Line Numbers

var selectedDate = document.getElementById("dateSelect");

Andez

Yep. Ya beat me to posting the reply cheers...

acoder

Some very old browsers may not accept it, but you could change line 9 to:

Expand|Select|Wrap|Line Numbers

var oStartDT = selectedDate.value;

Will work in probably all modern browsers.

Getting the selected value of a select input

re: Getting the selected value of a select input

re: Getting the selected value of a select input

re: Getting the selected value of a select input

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about