function Test_Country_OnItemSelection(ddlCountryId, ddlcityId, DataList) {
var ddlCountry = document.getElementById(ddlCountryId);
var selectedValue = ddlCountry.options[ddlCountry.selectedIndex].value;
var selectedText = ddlCountry.options[ddlCountry.selectedIndex].text;
var ddlcity = document.getElementById(ddlcityId);
}
I have the above JavaScript function in which I'm passing parameters for dropdownlists ddlCountryId and ddlcityId. I then pass the final parameter DataList which is a C# object defined as List<City> and it contains a CityId, CityName & CountryID.
How can I convert the DataList object to a JavaScript array that I can then filter on CountryID == selectedValue and then refresh dropdownlist ddlcity after applying my filter?
ddlCountry.options[ddlCountry.selectedIndex].value- just useddlCountry.value. Also, it is incorrect to refer to<select>elements (HTMLSelectElement) as a "drop-down": that only applies to single-mode<select>elements on desktop browsers, on mobile devices they're not drop-downs at all.scriptand it's JavaScript). The accepted answer uses ajax, but the questions are the same. There are answers on that question which do not use ajax and will render the array inline.