[Solved] Add custom HTML attributes to a DropDownList's input tag

[Bertrand]

Hi,

I'm trying to add HTML attributes to the hidden input of the DropDownList. I've tried using the DropDownHtmlAttributes() method, but it doesn't seem to do anything.

@(Html.Telerik().DropDownListFor( x => x.value )
    .BindTo( list )
    .DropDownHtmlAttributes( new Dictionary<string, object> {
        { "data-foo", "baz" },
        { "data-bar", "random" }
    } )
)

Is how I'm binding the data to my DropDownList. Is there a way to have my attributes added to the hidden input tag?

I suppose this issue is very much related to Client side validation on a DropDownList (data-val, data-val-required and such don't get added to the input).

[Dimo]

Hello Bertrand,

DropDownHtmlAttributes are applies to the dropdown, which appears when you click on the component.

I am afraid there is no built-in way to apply attributes to the hidden input element. You can do that manually with Javascript.

Best wishes,
Dimo
the Telerik team