We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How do I select an item in the DropDownList at creation time?

I'm trying to use the data-binding feature to of the dropdown control to set the selected item.  

I have the following code:  @Html.EJ().DropDownList("modelList").Datasource(data).DropDownListFields(df => df.ID("DataModelID").Text("Name").Value("DataModelID").Selected("IsSelected")).Width("300")

However, when the screen is loaded nothing is selected in the dropdown list.  

The field "IsSelected" is a boolean field on the data source.

3 Replies

SS Saranya Sivakumar Syncfusion Team July 1, 2015 09:55 AM UTC

Hi Eric,

Thanks for using Syncfusion products.

We are having a Dropdownlist Field called “Selected” in order to select items in the Dropdownlist. The items which contains the “Selected” field as true will be selected in the Dropdownlist control. For this we have to enable ShowCheckbox API. We have to set “true” to the ShowCheckbox API to the Dropdownlist control as shown in the following code snippet.




If we didn’t enable the checkbox then the “Selected” field will not be reflected in the Dropdownlist control. For your convenience we have prepared the sample based on your requirement and the same can be downloaded from the following location.


If you don’t want to enable Checkbox then we can select the item using an API called “SelectedItemIndex”. It is used to display the Item text which we have pass the index of an item as shown in the following code snippet.




Here the second index item will be displayed in the Dropdownlist control. In order to display multiple items without using Checkbox we have already logged a defect report regarding this. A support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.


You can find the UG documentation for API’s in the following online link.


You can also refer the following class reference link for JavaScript. Since, our ASP.NET MVC components are created as wrapper for the JavaScript components the properties, methods and events will be same for MVC components.


Also we have a documentation which contains more detailed information of our controls for getting started. You can find it under the following link.


Please let us know if you have any other queries.



BF Bruno Figueiredo November 6, 2017 11:21 AM UTC


I have the same question has Eric Outley, and when I saw that this thread is more than 2 years old, I was expecting the DropDownList to have some new method to bind the control to the selected ITEM.

.SelectedItemIndex(2)  is not enought. Something like .SelectedItem and .SelectedItems (for the multiselect) would be ideal and easy (I think) to implement.

So, Why not?

PO Prince Oliver Syncfusion Team November 7, 2017 09:44 AM UTC

Hi Bruno, 

Thank you for contacting Syncfusion forums. 

For single select DropDownList, you can use the following properties to select a value at creation time. 

@Html.EJ().DropDownList("skillsets").Datasource((IEnumerable<Languages>)ViewBag.datasource).DropDownListFields(f => f.Text("text")).WatermarkText("Select your skill").Width("100%").Text("C") 

@Html.EJ().DropDownList("skillsets").Datasource((IEnumerable<Languages>)ViewBag.datasource).DropDownListFields(f => f.Text("text")).WatermarkText("Select your skill").Width("100%").Value("C++") 

@Html.EJ().DropDownList("skillsets").Datasource((IEnumerable<Languages>)ViewBag.datasource).DropDownListFields(f => f.Text("text")).ShowCheckbox(true).WatermarkText("Select your skill").Width("100%").SelectedIndex(0) 

For Multiselect Mode, you can use pass multiple values in the text and value property separated by a comma(,) and for selectedIndices property, you need to pass the multiples indices as list.  

Text and value property:  

@Html.EJ().DropDownList("skillsets").Datasource((IEnumerable<Languages>)ViewBag.datasource).DropDownListFields(f => f.Text("text")).ShowCheckbox(true).WatermarkText("Select your skill").Width("100%").Text("C,C++").Value("C, C++") 

@Html.EJ().DropDownList("skillsets").Datasource((IEnumerable<Languages>)ViewBag.datasource).DropDownListFields(f => f.Text("text")).ShowCheckbox(true).WatermarkText("Select your skill").Width("100%").SelectedIndices(new List<int>() { 1,2 }) 


Live Chat Icon For mobile
Up arrow icon