Добавьте jQuery в форму, чтобы показать / скрыть выпадающее меню - PullRequest
Новая
       4

Добавьте jQuery в форму, чтобы показать / скрыть выпадающее меню

1 голос
/ 07 января 2011

Я пытаюсь добавить jQuery на сайт Wordpress, чтобы, когда пользователь выбирает определенную опцию (Программное обеспечение) в верхнем раскрывающемся меню, под ней появляется другая.

Я использую следующий код - 

<p id="parent-menu">
    <select name='cat' id='cat' class='dropdown'  tabindex="40">
        <option value='-1'>Select a Category</option>
        <option class="level-0" value="13">Software problem</option>
        <option class="level-0" value="14">Hardware problem</option>
        <option class="level-0" value="15">Suggestion</option>
        <option class="level-0" value="16">General query</option>
    </select>
</p>
<p id="toggle-menu">
    <select name='cat' id='cat' class='dropdown'  tabindex="50">
        <option value='-1'>Select a Program</option>
        <option class="level-0" value="6">BigHand</option>
        <option class="level-0" value="7">IRIS</option>
        <option class="level-0" value="8">MS Outlook</option>
        <option class="level-0" value="9">MS Word</option>
        <option class="level-0" value="10">MS Excel</option>
        <option class="level-0" value="11">Oyez</option>
        <option class="level-0" value="12">Internet Explorer</option>
    </select>
</p>

Буду рад, если кто-нибудь поможет мне сделать это.

Спасибо.

Ответы [ 3 ]

1 голос
/ 07 января 2011

Я не совсем уверен, как WordPress обрабатывает JQuery, но если бы я писал это на PHP, это было бы что-то вроде. Я бы изменил таксономию на id или значение. И запрос будет идти внутри моего нажатия кнопки. Вам нужно будет изменить свой идентификатор для каждого экземпляра клика. 

$(".class#id").toggle();
$(".dropdown#software").toggle();

ки. Итак, о вашей новой информации. Поскольку есть определенный идентификатор, который я могу использовать. Вам нужно будет что-то включить, чтобы проверить кодовую страницу, когда выбрана опция 13. Когда эта опция выбрана, вам нужно что-то вроде этого. 

$("#toggle-menu").toggle();

или 

$("#toggle-menu").show();

Теперь идея заключается в том, что если у вас есть это действие или событие, основанное на выборе опции, то при помощи toggle () будет отображаться или скрываться меню переключения в зависимости от выбора, т.е. я выбрал его, как только он появится, я отменяю или выбираю это снова меню исчезает. Использование show () заставит меню переключения появляться, но не будет скрывать его, если оно не выбрано, и в этом случае вы захотите использовать hide () во всех других событиях, чтобы скрыть меню переключения

1 голос
/ 07 января 2011

Если вы используете jQuery UI, плагин Eric Hynds может оказаться полезным: http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

0 голосов
/ 07 января 2011

При условии, что меню переключения не имеет значения, что было выбрано в первом меню, что вы хотите, это 

$('#parent-menu').change(function(event)
{
  $('#toggle-menu').show();
});

$('#toggle-menu').change(function(event)
{
  var selections = $('#parent-menu').val() + ' ' + $('#toggle-menu').val();
  alert(selections);
});
...