How to take data in select from option except value and display it in #id?

Question

JavaScript

Hey!
There is an input.
I'm used to taking only value values ​​and then doing math with it.
Here is an example:

html

<p>Сумма: <span id="info1"></span></p>

<select onchange="costCalculator()"  id="money">
  <option value="10">Rub</option>
  <option value="20">Usd</option>
  <option value="30">Eur</option>
</select>

<p>Валюта: <span id="info2"></span></p>

JavaScript

function costCalculator() {
    
var y = document.getElementById("money").value; 
info1.innerHTML = y
        
var x = document.getElementById("money").value;   
info2.innerHTML = x
        
}

But in this code, only the value value is taken.
As in the Currency line: display not value, but Rub or Usd or Eur
I can't find a solution.
Thanks to all who answered!

Answer 1

Codepen
If I understood correctly, you are interested in something similar?