jQuery скрыть / показать с выбранным элементом

Question

Мне нужно показать и скрыть с помощью элемента select некоторые элементы div. Пока у меня есть HTML, и я попробовал много фрагментов jQuery онлайн, но ни один из них не работал. Мне нужна помощь, пожалуйста.

HTML

    <div class="adwizard">
        <select id="selectdrop" name="selectdrop" class="adwizard-bullet">
             <option value="">AdWizard</option>
             <option value="">Collateral Ordering Tool</option>
             <option value="">eBrochures</option>
             <option value="">Brand Center</option>
             <option value="">FunTees</option>
        </select>
    </div>

Answer 1

$("#selectdrop").change(function(){
   $("#mySetOfDivsToShowHide div").hide();
  $("#mySetOfDivsToShowHide div:eq(" + $(this).attr("selectedIndex") + ")").show();
});

Если ваш HTML-код выглядит как

<div id="mySetOfDivsToShowHide>
  <div>AdWizard</div>
  <div>Collateral Ordering Tool</div>
  <div>eBrochures</div>
  <div>Brand Center</div>
  <div>FunTees</div>
</div>

Answer 2

при условии, что вы хотите показать скрыть некоторые div в зависимости от того, какая опция выбрана, попробуйте это (не проверено):

$("select#selectdrop").change(function() {
    $("div.showhide").hide();
    $("div#"+$(this).val()).show();
});

Вам нужно будет указать некоторые значения в ваших параметрах, и они должны будут соотноситься с идентификаторами элементов div, которые вы хотите показать / скрыть.

Я бы добавил класс "showhide" к элементам div, которые вы также хотите использовать.

Answer 3

$('#adwizard').hide();
$('#adwizard').show();