Как скрыть опцию выбора формы 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');
}
});
Как видите, я хочу только скрыть опции, а не удалять. Это так, чтобы я мог как-то вернуть их, если первый вариант выпадающего меню изменится.
Любой совет будет наиболее полезным - или, возможно, обходной путь.
Спасибо