Как реализовать показ слоя при выборе пункта в Combobox?

[Gold2020]

Как реализовать показ слоя при выборе пункта в Combobox?

пробовал через скрипт, но не получается.

<script type="text/javascript">
function Combo();
{
var combo1 = document.getElementById('Combobox5');
var selected = combo1.options[combo1.options.selectedIndex].value;
if (selected == 2)
{
document.getElementById(Layer1).style.visibility="visible";
}
else
{
document.getElementById(Layer1).style.visibility="hidden";
}
}
}
</script>

[Gudwinn]

Я где то на форуме выкладывал решение этого вопроса, поищите, нужно именно под определённый пункт в селекте, показать определённый слой? Или при любом выборе пункта показать какой то один слой?

[Gudwinn]

В общем из твоего скрипта я понял что тебе при выборе второго опшэна из комбобокса надо показать Layer1, а при выборе любого другого опшэна скрывать его, верно?
Вот тебе не мудрённая функция

Код: Выделить всё

<script>
document.getElementById('Combobox5').addEventListener('change', function () {
        var style = this.value == "что то" ? 'visible' : 'hidden';
        document.getElementById('Layer1').style.visibility = style;
    });
</script>

Вставь её в конце страници в исходнике страницы, "что то" в скрипте поменяй на значение твоего (не на название, а именно значение) второго опшэна, и твой комбобокс если у него будет id Combobox5 (как в твоём скрипте) будет при выборе из селекта второго опшэна, отображать ранее скрытый Layer1, а при выборе других опшенов, скрывать.

Если же надо выполнить единоразово что то, показать ранее скрытое, то надо в комбобоксе выбрать событие onchange далее выбрать функцию javascript и вписать это

Код: Выделить всё

document.getElementById(this.value).style.visibility='visible'

В значении нужного опшэна надо указать ID элемента (без #) который надо показать. Условных операторов задействовать для этого пожалуй излишне)))

[Gold2020]

Источник цитаты Я где то на форуме выкладывал решение этого вопроса

Нашел ваше решение, оно полностью меня устроило. Спасибо за внимание .

Кому понадобиться исходник прикрепляю, внимательно смотреть код

[Gold2020]

Источник цитаты Нашел ваше решение, оно полностью меня устроило.

Оказалось не все так просто, к сожалению не показывает изначально скрытые объекты

Отправлено спустя 21 минуту 32 секунды:
немного криворуко но получилось поправить

[Gudwinn]

Источник цитаты к сожалению не показывает изначально скрытые объекты

Пример когда давнишний писался, слои не были скрыты, и я же тебе функцию написал под твои задачи прям выше на JS именно с отображением ранее скрытого слоя?)) Причём там даже классы не надо прописывать в слоя))

[Gold2020]

Gudwinn, извиняюсь изначально немного неправильно вопрос поставил, надо по selector отображать скрытые слои(не один слой), по вашему скрипту отображается нормально но только один слой, я так понимаю решение должно быть через условие? Либо просто скрипт дублировать для каждого слоя?

Отправлено спустя 8 минут 43 секунды:
Если прописать для каждого слоя то работает(не надо прописывать классы для слоев и невидимость), рабочий пример прикрепляю

Код: Выделить всё

<script>
document.getElementById('Combobox5').addEventListener('change', function () {
        var style = this.value == "значение из combobox" ? 'visible' : 'hidden';
        document.getElementById('Layer1').style.visibility = style;
    });
document.getElementById('Combobox5').addEventListener('change', function () {
        var style = this.value == "значение из combobox" ? 'visible' : 'hidden';
        document.getElementById('Layer2').style.visibility = style;
    });
document.getElementById('Combobox5').addEventListener('change', function () {
        var style = this.value == "значение из combobox" ? 'visible' : 'hidden';
        document.getElementById('Layer3').style.visibility = style;
    });
</script>

Возможно ли сократить этот скрипт??

[Gudwinn]

Источник цитаты Возможно ли сократить этот скрипт??

Вот для 3 слоёв, думаю разберётесь

Код: Выделить всё

<script>
document.getElementById('Combobox5').addEventListener('change', function () {
        var style = this.value == "1" ? 'visible' : 'hidden';
        document.getElementById('Layer1').style.visibility = style;
        var style = this.value == "2" ? 'visible' : 'hidden';
        document.getElementById('Layer2').style.visibility = style;
        var style = this.value == "3" ? 'visible' : 'hidden';
        document.getElementById('Layer3').style.visibility = style;
    });
</script>

[Gold2020]

Gudwinn, Спасибо, очень помогли!