Как передать атрибуты option в select при клике на option?

Question

[twentytvvo]

<select class="option_Memory_val" data-placeholder="Размер">
<option class="optionvar" price="1" value="260"> S</option>
<option class="optionvar" price="2" value="261"> M</option>
<option class="optionvar" price="3" value="262"> XL</option>
<option class="optionvar" price="4" value="263"> VIP</option>
</select>

Нужно при клике на option передать его price=[] и val на select.

Answer 1

[Сергей Соколов]

Атрибут price не является стандартным для HTML5. Лучше использовать data-атрибуты, чтобы держать какие-то данные в разметке:


Можно и оставить разметку как в вопросе, тогда значение цены получать через option.getAttribute('price')fiddle

Comments

[twentytvvo]

скажите, а нельзя как то в select прописать price="${price}"?

[Сергей Соколов]

twentytvvo, можно: setAttribute('price', price)

[twentytvvo]

Сергей Соколов, спасибо