Javascript 基于页面加载时值中的字符隐藏选择选项

Javascript 基于页面加载时值中的字符隐藏选择选项,javascript,ios,select,hide,option,Javascript,Ios,Select,Hide,Option,我希望能够根据内容从选择框中隐藏或删除选项。选择框的内容由我无权访问的数据库填充,因此唯一的解决方案是隐藏该字段。在大多数浏览器中很容易完成,但android和IOS忽略了显示:css中没有显示 代码如下: 选择大小/选项 小的 中等* 大型* XLARGE 2XL 3XL 您可以循环使用JavaScript中的选项列表,并将不包含星号的项目输出到您的选择 您可以获取所有选项元素,对它们进行迭代,并检查字符串是否包含*,如果包含*,则应用样式 document.queryselectoral

我希望能够根据内容从选择框中隐藏或删除选项。选择框的内容由我无权访问的数据库填充,因此唯一的解决方案是隐藏该字段。在大多数浏览器中很容易完成,但android和IOS忽略了显示:css中没有显示

代码如下:

选择大小/选项 小的 中等* 大型* XLARGE 2XL 3XL
您可以循环使用JavaScript中的选项列表,并将不包含星号的项目输出到您的选择

您可以获取所有选项元素,对它们进行迭代,并检查字符串是否包含*,如果包含*,则应用样式

document.queryselectoraloption.forEachx=>{ ifx.innerText.includes*{ x、 style.display='none'; x、 style.visibility='none'; } } 选择大小/选项 小的 中等* 大型* XLARGE 2XL 3XL
请注意,不能在浏览器中隐藏选项。值得注意的是,IE或Safari中也不支持。移除或禁用都是不错的选择,谢谢,我会试试的。我已经有了js来应用css,但它不会在IOS或Android上隐藏这些值,所以这可能是天赐良机!