selezionando il valore corretto da attributo

Question

ho una casella di selezione per la selezione di codice del paese: -

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

Essa viene popolata utilizzando JavaScript e ottiene opzioni come segue: -

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

Ora voglio selezionare il valore solo +91.

cercavo questo

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

Ma questo restituisce il valore completo con Paese.

Come posso ottenere questo risultato?

Answer 1

Usa getAttribute, ad esempio:

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