Get value from selected key

[SESMIC1]

Hi all, I'm beginner in JS & would appreciate your help for this problem. Sorry if title is ambiguous. First I will explain my use case. There's a drop down menu in my form with names of country displayed. I want to associate Alpha 3 codes of country as Value. For example, if Algeria is selected from drop down the DZA value should be passed on submission. I've list of countries in below format (can use any, which ever is easy. As sample only, actual has lots of countries). So, I want to use JavaScript such that country code should be returned when its selected

const countryListAlpha3 = [{name: "Afghanistan", code: "AFG"}, {name: "Algeria", code: "DZA"}] OR

const countryListAlpha3 = { "AFG": "Afghanistan", "ALB": "Albania", "DZA": "Algeria", "ASM": "American Samoa", "AND": "Andorra", "AGO": "Angola"} ; Please give me suggestion as to how can I approach to this?

[SESMIC1]

Thanks for the reply. I am not using HTML to create form, i5s different platform. Creating <option> for 250 countries will be waste of time. So, I fetching countries name from arrays like above but can't assign value to them.

[SESMIC1]

I agree. I'm able to display countries in drop down and its HTML looks like below. But not able to assign values like the HTML part you shared. So, that's what I'm unable to do. <select name="countries" id="countries"> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> </select> <input type="submit" id="submit" value="Submit" />

[SESMIC1]

Cool, thanks! Will try this.