<div class="product-slder__in">
<div class="border-btn">
<div class="selectboxss">
<div class="selectboxssvalue"><span>Выбрать :</span></div>
<ul class="selectboxssmenu">
<li class="selectoption border-alcantara">one</li>
<li class="selectoption border-jakard" >two</li>
<li class="selectoption border-tkanN">three</li>
<li class="selectoption border-tkanT">four</li>
</ul>
</div>
</div>
<div class="product-border">
<div><div><img class="b1 b1-1" src="img/ch/1/alcantara/border/b1-1.png"></div></div>
<div><div><img class="b1 b1-2" src="img/ch/1/alcantara/border/b1-2.png"></div></div>
...........const link = document.querySelector('.b1');
document.querySelector('.selectboxssmenu').onclick = event => {
const btn = event.target.closest('li.selectoption');
if (btn) {
const text = link.src.split('/');
text[text.length - 1 - +btn.parentNode.dataset.value] = btn.className;
link.src = text.join('/');
console.log(link.src);
}
}
const link = document.querySelector('.link');
document.querySelector('.wrapper').onclick = event => {
const btn = event.target.closest('button');
if (btn) {
const text = link.src.innerHTML.split('/');
text[text.length - 1 - +btn.parentNode.dataset.value] = btn.innerHTML.toLowerCase();
link.innerHTML = text.join('/');
}
}$("a.next").removeAttr("href");
$('.question-part input').change(function(){
var name = $('.question-part input').val();
if (name.length != 0 ) {
$("a.next").attr("href", "#win2");
} else{
$("a.next").removeAttr("href");
};
});