如何使用JS从选择选项中隐藏选项答案

【问题标题】：How to hide option from select option using JS如何使用JS从选择选项中隐藏选项
【发布时间】：2023-02-06 22:38:49
【问题描述】：

我有一个选择框。我需要在加载时隐藏一些选项值。我试过，它在 chrome 中工作，但在 firefox 中不工作。你能给出一个好的解决方案来克服这个问题吗？提前致谢！

<选项值=""></选项>

<option value="VGF">Vishu 或耶稣受难日</option>

<option value="GF">耶稣受难日</option>

</选择>

我的代码

<!DOCTYPE html>

<html>

<脚本>

功能改变（）{

$("#timeselect option[value='GF']").hide();

$("#timeselect option[value='VGF']").hide();

}

</脚本>

<正文>

<选项值=""></选项>

<option value="VGF">Vishu 或耶稣受难日</option>

<option value="GF">耶稣受难日</option>

</选择>

</body>

</html>

【问题讨论】：

【解决方案1】：

在您的代码中，您甚至没有在页面加载时做任何事情。

您需要一个立即调用的函数表达式 (IIFE)，或一个 onload 事件侦听器。

以下是如何在 jQuery 中执行此操作的示例：

$(() => {
    // Initialize your page here
    change()
})

【讨论】：