pdoResources
&parents=`7`
&depth=`0`
&tpl=`eonegame_tpl`
&sortby=`menuindex`
&sortdir=`ASC` &includeTVs=`img,buy,currence,price,services,txt,ptxt,1mtxt,1ctxt,2mtxt,2ctxt,3mtxt,3ctxt
В eonegame_tpl соответственно сама форма новости, их например 3 выводится, в каждой открывается модально окно где при выборе подписки выводится его цена.
Script:
let select = document.getElementById('select');
let block = document.querySelectorAll('.block');
let lastIndex = 0; // После каждой смены опции, сохраняем сюда индекс предыдущего блока
select.addEventListener('change', function() {
block[lastIndex].style.display = "none";
// Чтобы сразу делать именно его невидимым при следующей смене
let index = select.selectedIndex; // Определить индекс выбранной опции
block[index].style.display = "block"; // Показать блок с соответствующим индексом
lastIndex = index; // Обновить сохраненный индекс.
});
Html в модальном окне:
<div class="form-group">
<select id="select">
<option> </option>
<option></option>
<option></option>
<option></option>
</select>
</div>
<div class="block" style="visibility: hidden;"></div>
<div class="block"> <h3> <p></p></h3></div>
<div class="block"> <h3> <p></p></h3></div>
<div class="block"> <h3> <p></p></h3></div>
Работает всё правильно только для первой новости, остальные выводят пустоту.
Комментарии (0)