Value not selected

I use your DropDownList like this:

        <ejs-dropdownlist id="country" placeholder="Select" dataSource="Model.BundeslaenderModelJson" value="5"></ejs-dropdownlist>

Model.BundeslaenderModelJson is the following Json:

[{"text":"Zentrale","value":"1"},{"text":"Wien","value":"2"},{"text":"Niederösterreich","value":"3"},{"text":"Oberösterreich","value":"4"},{"text":"Salzburg","value":"5"},{"text":"Tirol","value":"6"},{"text":"Vorarlberg","value":"7"},{"text":"Kärnten","value":"8"},{"text":"Steiermark","value":"9"},{"text":"Burgenland","value":"10"}]

When i load the page nothing is selected.

and when i click on an option it looks like this:

Two times the "text". I think there is something wrong?

Hi Thomas, 

 

Greetings from Syncfusion support. 

 

We have checked the reported requirement. We would like to let us know that when bind the object type dataSource then you need to use the fields for selecting the value property the object dataSource. Also, text property value will be set to the select element’s innerText and the select element’s text property. Kindly refer the below code,  

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-314882790  

 

Regards, 

Sureshkumar P 

Hi Thomas, 

Most welcome. You can refers to our documentation site, if you need any further assistance regarding this. 

UG link: https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/data-binding/ 

We are always happy to assist you. 

Regards, 

Prince