This is a migrated thread and some comments may be shown as answers.

[Solved] How to get value of dropdownlist

4 Answers 301 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Nim asked on 04 Jan 2011, 11:03 PM

Hello,

When I test the following code:

=====
<% Html.BeginForm("Save", "Home"); %>
<%= Html.Telerik().DropDownList()
    .Name("productID")
    .Items(item =>
    {
        item.Add().Text("Chai").Value("1").Selected(true);
        item.Add().Text("Chang").Value("2");
        item.Add().Text("Tofu").Value("3");
    })
%>
<% Html.EndForm(); %>
=====

it produces a drop-down with the names. Yet, I am unable to:
- get the value of the selected item in a Javascript (eg. document.getElementById('productID').value)

What I'm trying to do is:
- when "Chang" is selected, I want to get the value "2" in a javascript. (...I don't see how I may get "Chang" either...)

What am I missing? :-)

Thank you!

4 Answers, 1 is accepted

answered on 05 Jan 2011, 08:45 AM

Hi Nim,

The Telerik DropDownList is not a <select> html element and that's why you cannot get's its value like this: document.getElementById('productID').value.

I suggest you check the Client-side API help topic. In a word to get the value of the dropdownlist you must use:

var dropDownList = $('#productID').data('tDropDownList');

var value = dropDownList.value();

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items