Internet Explorer中的选项标签显示块/无

Option tag display block/none in Internet Explorer

本文关键字：显示 标签 选项 Explorer Internet      更新时间：2023-09-26

这是我的上一个问题的附加问题。

我有一个完美的代码(DEMO)按预期工作。但这在Chrome和firefox中工作得很好，但在Internet Explorer中不行。这是因为IE不支持选项标签的disply: none/block。

要解释功能的流程，

  • 主标签和子标签是两个不同的部分，具有相同的列表值
  • 同一项不应同时出现在两个部分。当用户从Main tag中选择Item 1时，应从Sub Tag列表中删除同一项。
  • Sub Tag有一个名为Selected sub Tags的部分，其中所选的子标签将显示为标签。当我们删除这些选定的标签时，它应该显示在Sub Tag列表
    • 中
  • 如果用户在Main tag列表中选择了不同的项目(例如:Item 2)，则应该在Sub Tag列表中切换remove/add。意味着，删除当前选中的项目(Item 2)，并将之前删除的项目(Item 1)添加回Sub Tag。如果项目2已经在选定的子标签列表中被选中，它也应该从Selected Sub Tags列表中删除

所有我需要的是得到给定的代码工作在Internet Explorer

或者是否有任何方法可以获得与ul li相同的功能而不是列表项?

仅仅隐藏一个选项有点不符合语义。有一些浏览器(在您的情况下是Internet Explorer)不能这样做。处理所有浏览器的最佳方法是从DOM中删除该选项，而不是隐藏它。

你想让你的演示更有趣吗?选择Tag 1作为主标记。然后选择Tag 2作为子标记。现在玩向上和向下箭头在你的键盘上，感受魔法。那么现在，你真的能说这是一个完美的代码吗?

如果你想有一个工作的代码，你必须在选择中删除和添加选项。隐藏选项太奇怪了，浏览器(甚至firefox和chrome)都不支持。

相关文章：