selecting proper value from attribute

Question

I have a select Box for selecting country code :-

<div class="selectWrap">
    <select name="countryCode" id="countryCode"></select>
</div>

It gets populated using javascript and gets options like follows :-

<option data-phone-code="+91">91&nbsp(India)</option>

Now I want to select the value only +91.

I was trying this

var country = document.getElementById("countryCode");
var prefix = country.options[country.selectedIndex].value;

But this returns the Full value with Country.

How can I achieve this ?

Answer 1

Use getAttribute, for example:

country.options[country.selectedIndex].getAttribute('data-phone-code');