Изменение цены при выборе варианта в <select> в материале Joomla - Joomla 3.x: Общие вопросы

Всем доброго времени суток, есть необходимость прямо в материале Joomla сделать возможность изменения цены товара в зависимости от выбора, т.е. там будет примерно такая форма:
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
и в зависимости от этого прямо тут же должна меняться цена, возможно ли это сделать стандартными средствами, или есть модуль/плагин какой, мот кто знает?

вот так это должно выглядеть: https://drew-met.by/
когда при изменении мощности меняется цена...

в К2 нет такой возможности?

нашёл на яваскрипте, мот кому понадобится, ставить нуна сразу плагин сорсерер, код вместе с ним:
<select name="main" id="main" class="main_field">
<option value="one">Первая опция</option>
<option value="two">Вторая опция</option>
<option value="three">Третья опция</option></select>
<p>{source}<span style="font-family: courier new, courier, monospace;"><br />&lt;script&gt;<br />document.getElementById('main').addEventListener('change', function () {<br /><img src="/media/sourcerer/images/tab.png" alt="" />var style = this.value == "one" ? 'block' : 'none';<br /><img src="/media/sourcerer/images/tab.png" alt="" />document.getElementById('hidden_div1').style.display = style;<br /><br /><img src="/media/sourcerer/images/tab.png" alt="" />var style = this.value == "two" ? 'block' : 'none';<br /><img src="/media/sourcerer/images/tab.png" alt="" />document.getElementById('hidden_div2').style.display = style;<br /><br /><img src="/media/sourcerer/images/tab.png" alt="" />var style = this.value == "three" ? 'block' : 'none';<br /><img src="/media/sourcerer/images/tab.png" alt="" />document.getElementById('hidden_div3').style.display = style;<br />});<br />&lt;/script&gt;<br /></span>{/source}</p>
<hr />
<div id="hidden_div1" style="display: none;">Для первого селекта</div>
<div id="hidden_div2" style="display: none;">Для второго селекта</div>
<div id="hidden_div3" style="display: none;">Для третьего селекта.</div>