Replace the attribute of an object literal by a variable

Question

I have an object literal with a list of countries with two values, price and name:

When the select changes I store the values of the current selected country:

And I store this value in the variable inner function .change():

current_country = $('#country').val();

I accessed this way the object literal for example countries_list.deu

But when I use my current_country Variable console shows me what undefined:

 console.log(countries_list.current_country);

How I can fix this?

Answer 1

Use selectedIndex to get the selected value index and use .options[i].value to get the value of the option with the following index:

var countries = document.getElementById("country");
var current_country = countries.options[countries.selectedIndex].value;

Answer 2

you should be using bracket notation

console.log(countries_list[current_country]);

In your case, it actually looks for the property named current_country within the object, where it doesn't exist.

Look at this for better understanding of two different notations