Articles in this section
Category / Section

How to add TabIndex to ASP.NET Core DropDownList Control?

1 min read

In the ASP.NET Core DropDownList control, the input element is hidden and non-editable. When TabIndex is set to the DropDownList control using the HtmlAttributes property, it is set to the input element and TabIndex will not work for hidden elements. So, to set proper TabIndex for the DropDownList control, it must be set to the control’s wrapper element.


Consider the following example,

<ej-drop-down-list id="bikeList" datasource="ViewBag.datasource" watermark-text="Select a bike"create="onCreate"> 
    <e-drop-down-list-fields id="empid" text="text" value="text" /> 
    function onCreate() { 
        //this.wrapper is the widget’s wrapper to assign the tabindex  value        this.wrapper.attr("tabindex", "1"); 


In the previous code, the DropDownList’s client-side create event is used to set the TabIndex to the control’s wrapper element.



I hope you enjoyed learning about how to add TabIndex to ASP.NET Core DropDownList Control?.

You can refer to our  ASP.NET Core Dropdown List feature tour page to know about its other groundbreaking feature representations. You can also explore our  ASP.NET Core Dropdown List examples to understand how to present and manipulate data.

For current customers, you can check out our ASP.NET Core controls from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our ASP.NET Core DropdownList and other ASP.NET Core controls.

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forumsDirect-Trac, or feedback portal. We are always happy to assist you!

Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment