我确信这真的很简单。但这对我来说不起作用。
我编写了一个表单,允许用户使用标签从列表中选择一个月:
<select> <option>
onchange
班上.gone
从那天起SELECT
被删除,从而显示列表。onchanve
班上.gone
从当年INPUT
被删除,从而显示年份。
我使用 PHP 将年份值设置为当前年份。我想从月份中获取值并添加类.gone
to the OPTION
31 天(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天不可以选择!