jQuery Скрывается/Показывает с избранным элементом

Я должен показать и скрыть с избранным элементом некоторые отделения До сих пор, у меня есть 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>
1
задан Doug Neiner 10 June 2010 в 14:34
поделиться

3 ответа

$("#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>
1
ответ дан 2 September 2019 в 23:51
поделиться

если вы хотите показывать скрывать некоторые div'ы в зависимости от выбранной опции, попробуйте следующее (не проверено):

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

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

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

1
ответ дан 2 September 2019 в 23:51
поделиться
$('#adwizard').hide();
$('#adwizard').show();
0
ответ дан 2 September 2019 в 23:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: