Get selected value when having label option

[Dekel]

I'm using Kendo().DropDownList() with OptionLabel configured.

When trying to get selected item Text / Value, I'm getting incorrect values.

for example if I choose the first drop down option I'm getting the value of the option label.

if I choose the second option I'm getting the values of the first option.

 

@(Html.Kendo().DropDownList()
            .Name("SelectedSubjectId")
            .DataTextField("Text")
            .DataValueField("Value")
            .Filter("contains")
            .OptionLabel("Select Subject")
            .BindTo(Model.MailSubjectList)
            .Events(events =>
                    {
                        events.Select("onSelect");
                    })
        )

Javascript:

onSelect = function (e) {
    var dataItem = this.dataItem(e.item.index());

     // or even

    var selectedValue = this.value()

    var selectedText = this.text()

};

 

How can I get the correct selected value (Text / Value) ?

 

Thank you.

 

[Plamen Lazarov]

Hello Dekel,

 

Due to a change in the DropDownList rendering the optionLabel is moved outside the items list and placed as a static header on top of the popup element. Since option label element and list items are positioned in different containers the jQuery index method might cause an incorrect behavior. 

 

To make it work use the code snippet below without the .index() method: 

 

var item = this.dataItem(e.item);

Please find below a sample demo illustrating this approach. 

http://dojo.telerik.com/@c0re/omUjU

 

Regards,

Plamen Lazarov

Telerik