用类隐藏

2024-03-11

我确信这真的很简单。但这对我来说不起作用。

我编写了一个表单,允许用户使用标签从列表中选择一个月:

<select> <option>

onchange班上.gone从那天起SELECT被删除,从而显示列表。onchanve班上.gone从当年INPUT被删除,从而显示年份。

我使用 PHP 将年份值设置为当前年份。我想从月份中获取值并添加类.gone to the OPTION31 天(2 月的 29 日和 30 日)的标签,因此 2 月 30 日等不是一个选项。我会将year的值% 4==0来检查闰年,然后不添加Class.gone到2月29日。基本日期选择表格。

问题:当我添加课程时.gone to OPTION它仍然显示。我以为这只是我忘记了 html 的一些基本原则。尽管如此,我还是想不通。

CSS:

.gone {display:none;}

我也可以用这个:

.hidden {visibility:hidden;}

但仍然显示空间,所以我没有使用它。

HTML:

<html>
  <head>
     <link to css styles>

    <script language="JavaScript" type="text/javascript">
       function showDay() {

           $("#day").removeClass("gone")
       }

       function showYear() {

           $("#year").removeClass("gone")
       }
    </script>


  </head>
  <body>
      <table>
         <tr>
         <td>
           <select id="month" onchange="showDay();">
              <option>January</option>
              <option>more months...yada...yada</option>
              <option>December</option>
           </select>
         </td>
         <td>
           <select class="gone" id="day" onchange="showYear();">
              <option></option>
              <option>1</option>
              <option>2</option>
              <option>more days</option>
              <option class="gone">31</option>
           </select>
         </td>
         <td>
              <input class="gone" type="text"  size="5" name="year" id="year" 
               value="<?php echo date("Y"); ?>"/>
         </td>
         </tr>
      </table>
  </body>
</html>

onchange javascript 和 php 也完全按照我想要的方式工作。我还没有费心编写任何脚本来使日子出现或消失,因为只需将.gone类中的OPTION标签不起作用。有没有办法让它隐藏或不可选?一旦我弄清楚了这一点,我将编写脚本以使其根据月份和年份发生。

感谢您的所有帮助!

更新!!!

根据收到的答复。我将禁用我不想使用 JavaScript 选择的日期。我从 w3schools.com 获得了一个示例脚本,我对其进行了稍微修改,并设置为从 SELECT 月份调用 onchange。

function disableElement()
{
  var sel=document.getElementById("day")
  sel.options[30].disabled=true;
  sel.options[31].disabled=true;
}

效果非常好。现在第30天和第31天不可以选择!


问题:当我将 class .gone 添加到 OPTION 时。它仍然显示。我以为这只是我忘记了 html 的一些基本原则。尽管如此,我还是想不通。

Nope, <option>只是不支持通过 CSS 进行样式设置。任何一个disabled it, or 将其从 DOM 中完全删除 https://developer.mozilla.org/en-US/docs/DOM/Node.removeChild.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

用类隐藏

随机推荐

  • 滚动时 jQuery 下拉菜单位置

    我是 jQuery 新手 正在学习 jQuery 概念 目前 我正在尝试设计一个包含长列表项的自定义下拉菜单 我想在将鼠标悬停在主菜单上时滚动菜单 我正在尝试使用描述的 jquery 滚动菜单自定义 CSShere http css tri
  • 必须声明表变量@table

    我是 C 和 SQL 的初学者 我有一个想要执行的 SQL 插入语句 它要求提供我想要插入的其他变量中的表名称 但是当我运行这个控制台应用程序时 我收到此错误 必须声明表变量 table 这是代码的一部分 StreamReader my r
  • 在网络浏览器中连接到以太坊节点

    我收到此错误 CONNECTION ERROR Couldn t connect to node http localhost 8545 is it running 我目前正在尝试将 Meteor 应用程序与私有测试网络上的节点一起使用 我
  • 在 bash 中重命名文件的陷阱

    我正在这里阅读指南http mywiki wooledge org BashFAQ 030 http mywiki wooledge org BashFAQ 030在这个链接上给出了一些例子我试图理解它们一个示例代码说 Bash Repla
  • git aws.push:没有名为 boto 的模块

    我正在尝试按照教程进行操作 在 AWS Elastic Beanstalk 上部署 Django http docs aws amazon com elasticbeanstalk latest dg create deploy Pytho
  • Pandas:修改特定级别的多索引

    我有一个带有多重索引的数据框 想修改多重索引的一个特定级别 例如 第一级可能是字符串 我可能想从该索引级中删除空格 df index levels 1 x replace for x in df index levels 1 然而 上面的代
  • FastAPI 的部分更新

    我想在 FastAPI 中实现支持部分更新的 put 或 patch 请求 官方文档 https fastapi tiangolo com tutorial body updates 真的很混乱 我不知道如何执行该请求 我不知道items位
  • 从 C# 中的 WebClient 读取响应标头

    我正在尝试创建我的第一个 Windows 客户端 这是我第一次发布她的文章 它将与 Web 服务 进行通信 但是我在读取返回的响应标头时遇到了一些麻烦 在我的响应字符串中 我收到了一个不错的 JSON 文档 这是我的下一个问题 但我无法 查
  • 我们如何在android中以编程方式隐藏抽屉/启动器/应用程序管理器中的图标

    任何人都可以帮我解决 我们如何通过任何其他实用应用程序在手机上随处隐藏或取消隐藏应用程序图标 尝试这个 PackageManager p getPackageManager p setComponentEnabledSetting getC
  • 返回表中列名的 Select 语句是什么

    是否有任何 select 语句可以返回表中的列列表 INFORMATION SCHEMA COLUMNS 视图将提供特定表名的列名 SELECT Column Name FROM INFORMATION SCHEMA COLUMNS WHE
  • Android:在应用程序中间时从 3G 切换到 WIFI = 网络连接丢失

    我在使用 HTC Legend Android 2 2 时遇到了一个恼人的问题 在 Xperia Galaxy Nexus 等上没有看到此问题 当我在 3G 连接上启动应用程序 获取一些数据 然后进入手机设置并启用 WIFI 时 手机会自动
  • 网络音频 API 均衡器

    我一直在寻找使用 Web 音频 API 创建音频均衡器的方法 http webaudio github io web audio api http webaudio github io web audio api 我发现了很多关于创建可视化
  • 使用 StAXResult 调用 Transformer 时省略 XML 声明

    我想将多个 XML 节点从源 XML 文件复制到目标文件 源文件和目标文件都非常大 所以我将使用 StAX 通常 我尝试处理的文件如下所示
  • n 阶 B 树中可以容纳多少个元素?

    是2n吗 只是检查 术语 The Order文献中对 B 树的定义并不一致 例如参见维基百科有关 B 树的文章的术语部分 http en wikipedia org wiki Btree Terminology 一些作者认为它是minimu
  • 禁用右键单击后如何检查 chrome 中的元素?

    我想调试一个信息框 当我将鼠标悬停在谷歌地图标记上时显示该信息框 但谷歌地图禁用右键单击地图画布上的任何位置 因此我无法检查该元素以进行调试 查看目的 我尝试通过元素选项卡中的 href 内容搜索元素 但它没有显示在搜索中 尽管缺少右键单击
  • Oracle“创建表为”空值

    如果您使用 create as 创建一个 Oracle 表 其中某个字段为空 您将收到错误 ORA 01723 不允许零长度列 查询示例 create table mytable as select field a null brand n
  • 架构 i386 的重复符号[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我正在使用
  • jQuery 背景位置动画

    我创建了一个图像 它基本上是由 3 个图像组成的 CSS 精灵 它的大小是 278x123 所以它们基本上是 3 个 278x41 的图像 我想做的是通过改变背景位置来制作动画 我尝试了很多方法 我的一个不太有效的解决方案如下 var sl
  • Java/Mysql..SQLException:表必须至少有 1 列 SQLState:42000 VendorError:1113

    我有一个连接到数据库的应用程序 如果名称尚不存在 则创建一个表 并添加新的注册用户信息 以便我可以将密码散列到我的登录框架 并将它们与数据库进行匹配也将被散列 目前我有以下错误代码 SQLException A table must hav
  • 用类隐藏

    我确信这真的很简单 但这对我来说不起作用 我编写了一个表单 允许用户使用标签从列表中选择一个月