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>1tv</option>
<option>2tv</option>
<option>3tv</option>
</select>
</div>
<div class="block" style="visibility: hidden;"></div>
<div class="block">1tv</div>
<div class="block">2tv</div>
<div class="block">3tv</div>
Работает всё правильно только для первой новости, остальные выводят пустоту.
Комментарии (0)