Как сделать модуль, чтобы при выборе параметра появлялась своя таблица?

Question

[pavlova1906]

Подскажите пожалуйста, как можно организовать такой модуль https://fabrikamagnitov.ru/obemnye-magnity/magnit-...
Чтобы при выборе размера магнита появлялась своя таблица с ценами?
Сайт натягивается на WP

Comments

[Алексей Скляров]

Вешаете обработчик на select, в обработчике получаете выбранный value, по этому value показываете необходимый блок. WP тут не причем.

Answer 1

[Daniil Vasilyev]

На select надо поставить обработчик onchange. и уже, например, через document.querySelectorAll в нужных элементах изменить цены на нужные
Небольшой набросок

<select onchange="onSizeChange">
    <option value=1>1</option>
    <option value=2>2</option>
</select>
<ul>
    <li id="price1">100</li>
    <li id="price2">200</li>
</ul>

const price1 = [ 100, 200 ];
const price2 = [ 200, 400 ];

function setPrices(prices) {
  for (let i in prices) {
    document.getElementById('price' + i).innerText = prices[i];
  }
}

function onSizeChange(event) {
  switch (Number(event.target.value)) {
    case 1:
      setPrices(price1);
      break;
    case 2:
      setPrices(price1);
      break;
  }
}