Есть такой селект:
<select id="select" class="header__select" form="form">
<option class="header__option" value="22 526.92">USD</option>
<option class="header__option" value="1477290.31">RUB</option>
<option class="header__option" value="17342.97">GBP</option>
</select>
Есть три элемента:
<p id="price" class="ethereum__price--2 price">$22 526.92</p>
<p id="price" class="ethereum__price--2 price">$22 526.92</p>
<p id="price" class="ethereum__price--2 price">$22 526.92</p>
Мне нужно что бы при выборе оптион менялись все абзацы.
Так не работает (меняется только первый):
var price = document.getElementsByClassName('price');
document.getElementById("select").addEventListener("change", function(){
price[length].innerHTML = "₽" +this.value;
});
И еще как сделать что бы строка "₽" удалялась после выбора другого значения.