javascript - 隐藏多重选择框中的选项

Question

我需要使用 Javascript 隐藏多个选择框中的某些选项。我无法获取 jQuery，而且我也不被允许这样做。

我还有一个下拉框，我正在调用一个 js 函数，该函数将在值更改时调用。 js 函数将控制另一个多选选项框的选项，我需要根据下拉框值隐藏(而不是删除)选项。

有什么简单的js函数吗？

http://jsfiddle.net/zz3dg/

编辑: 尝试过

fastInternet.options[i].style.display = 'none';
fastInternet.options[i].style.visibility = 'hidden';

没用:(

Answer 1

编辑:

新建议:

如何禁用

fastInternet.options[i].setAttribute("disabled", "disabled")

然后使用以下 CSS 隐藏它:

select option[disabled] {
    display: none; /* worked in firefox*/
    visibility: hidden; /* worked in chrome*/
}

SEE DEMO

可能会有帮助!

旧建议:

尝试使用

 fastInternet.remove(options[i])