jQuery Скрыть/показать с помощью элемента select

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

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

Answer 2

$("#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 3

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

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

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

Я бы добавил класс «showhide» к divs, которые вы хотите использовать.