To get the text of the selected item in the dropdown list in java script

Question

I want to get the text of the selected item in the drop down list. I tried the following code

var e = document.getElementById("ddlTime.ClientID");  
var selectedTime = e.options[e.selectedIndex].text;

but it gives me "Unable to get value of the property 'options': object is null or undefined"

can any one please help me out with this ?

Phong Vo · Accepted Answer · 2013-03-22T08:25:22.817

3

You should do:

var e = document.getElementById("<%= ddlTime.ClientID%>");

Not:

var e = document.getElementById("ddlTime.ClientID");

My little sample jsfiddle

edited Mar 22 '13 at 08:25

answered Mar 22 '13 at 08:09

Phong Vo

1,078
7
16

score 2 · Answer 2 · answered Mar 22 '13 at 07:42

2

You have to specify <%= %>

var e = document.getElementById("<%= ddlTime.ClientID%>");

answered Mar 22 '13 at 07:42

Habib

219,104
29
407
436

score 0 · Answer 3 · answered Jan 16 '14 at 05:35

JavaScript

    function WeekChange() {
        var Week = window.document.getElementById("ddWeek").value;
        if (Week != "--Select--") {
            window.document.getElementById("txtDetect").value = "Every " + Week;
        }
        else {
            window.document.getElementById("txtDetect").value = " ";
        }
    }

<asp:DropDownList ID="ddWeek" runat="server" onchange="javascript:WeekChange();">

To get the text of the selected item in the dropdown list in java script

3 Answers3