Помогете с открытием категории при выпадающем меню

val06 · 12 Фев 2016

Добрый день. Прошу помочь. На странице товара выводятся несколько категорий с допопциями, см. скрин 1, нужно что бы выводились допопции только той категории которая указывается в выпадающем меню, см. скрин 2 и скрин 3. Может есть скрипт что то похожего ? Или если писать с нуля, то это проблематично ?

Vishez2 · 13 Фев 2016

Присваиваешь определенный класс определенным категориям, например category1 для первой категории и так далее. Потом селекту присваиваешь определенные действия в зависимости выбранного option у селекта. То есть например category1 показываешь, все остальные скрываешь. Скрипта специализированного для этого нет, можно jQuery использовать но нужно все равно понимать что ты делаешь. А так задание элементарное для js-программиста.

warg · 13 Фев 2016

все достаточно просто, пример в миниатюре

Код:

<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('select[name="options"]').change(function(){
    var el = $(this).val();
          $('#total div').css('display','none');
          $('#options'+el).css('display','block');
   
    });
});
</script>
<style>
#content div {
    display:none;
}
</style>
</head>
<body>
    <select name="options">
        <option selected="selected" value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select><br/>
    <div id="content">
        <div id="options1" style="display:block;">11111</div>
        <div id="options2">22222</div>
        <div id="options3">33333</div>
    </div>
</body>

Помогете с открытием категории при выпадающем меню

val06

Гуру форума

Вложения

Vishez2

Писатель

warg

Постоялец