Как скрыть опцию выбора формы HTML?

У меня есть очень простая форма, в которой я хотел бы скрыть параметры выбора, когда другое поле выбора уточняет его.

В настоящее время я пыталсяdispay: none как встроенный стиль на моих вариантах, но это не скрывает это.

Я использую Chrome, и это должно работать во всех браузерах. Может ли кто-нибудь пролить свет, как я могукажется, найти много на Google.



Пожалуйста, посмотрите мою проблему в прямом эфире здесь ...http://jsfiddle.net/3vPgY/5/



И вот мой текущий код ...


    
        Please refine...
        Green
        Blue
        Red
    
    
        Please select
        Show only if Green selected
        Show only if Green selected
        Show only if Green selected
        Show only if Blue selected
        Show only if Blue selected
        Show only if Blue selected
        Show only if Red selected
        Show only if Red selected
        Show only if Red selected
    



И мой скрипт jquery, который должен фильтровать второй выпадающий список ...

$('#refine').change(function () {

    var refine = $('option:selected', this).val().replace(/ /g, "-");

    if (refine != 0) {

        $('#everything').removeAttr('disabled');
        $('#everything option:not(.default)').css('display', 'none');
        $('#everything .' + refine).css('display', 'block');

    } else {

        $('#everything').attr('disabled', 'disabled');
        $('#everything option:not(.default)').css('display', 'none');

    }

});



Как видите, я хочу только скрыть опции, а не удалять. Это так, чтобы я мог как-то вернуть их, если первый вариант выпадающего меню изменится.

Любой совет будет наиболее полезным - или, возможно, обходной путь.



Спасибо



http://jsfiddle.net/3vPgY/5/

Ответы на вопрос(4)

Ваш ответ на вопрос