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])