itemData passed to change event contains incorrect row from dataSource

We have an autocomplete dropdown of zipcodes grouped by city names. There are some cases where 2 cities have the same zipcode:

<ejs-combobox id="city" placeholder="Select a Zipcode" popupHeight="200px" dataSource="@ViewBag.data" change="onChange">  <e-combobox-fields groupBy="Category" value="Id" text="Zipcode"></e-combobox-fields>  </ejs-combobox>  public class City  {  public int Zipcode { get; set; }  public string Category { get; set; }  public string Id { get; set; }  public List<City> CityList()  {  List<City> city = new List<City>();  city.Add(new City { Zipcode = 7300, Category = "Mecsekpoloske", Id = "item1" });  city.Add(new City { Zipcode = 7300, Category = "Komlo", Id = "item2" });  return city;  }  }

Great, thank you very much for the clarification!

Unfortunately after checking the solution in depth and trying to implement it in various ways I've found out that it requires us to post the zipcode as an Id number, instead of the plain zipcode string. Our application uses zipcodes in many places, and this solution needs a lot of work to be done, and needs database modification. Since we only need the City name to update another field's value from javascript, at this point I'm considering simply parsing the html node for the city name.

Narayanasamy P.