网页加载空白框,内容无法显示,帮忙看一下
来源:7-9 JS对表单元素进行设置5
weixin_慕少0536252
2020-02-10 21:41:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="index.js"></script>
</head>
<body onload="ymd()">
<form>
<select name="yyyy" id="yyyy" onchange="selectYmd()"> 年 </select>
<select name="mm" id="mm" onchange="selectYmd()"> 月 </select>
<select name="dd" id="dd">日</select>
<input type="button" value="删除" onclick="delete()"/>
</form>
</body>
</html>
function ymd () {
var yyyy=document.getElementById("yyyy");
var mm=document.getElementById("mm");
var dd=document.getElementById("dd");
var year=parseInt((new Date()).getFullYear());
initSelect(yyyy,1980,year);
initSelect(mm,1,12);
initSelect(dd,1,31);
yyyy.selectedIndex=Math.round(yyyy.length/2)
}
function initSelect(obj,start,end){
for (var i=start;i<=end;i++) {
obj.options.add( new Option(i,i));
}
}
function selectYmd () {
var mm=document.getElementById("mm");
var dd=document.getElementById("dd");
var yyyy=document.getElementById("yyyy");
var dayEnd;
var m=parseInt(mm.value);
if(m==4||m==6||m==9||m==11){
dayEnd=30;
}else if(m==2){
dayEnd=28;
var y=parseInt(yyyy.value);
if(((y%4==0))&&(y%100!==0)||(y%400==0)){
dayEnd=29;
}
}else{
dayEnd=31;
}
dd.options.length=0;
initSelect(dd,1,dayEnd);
}
1回答
guly
2020-02-11
你好,js函数部分应该用<script type="text/javascript" ></script>标签包含,
参考代码如下:
<script type="text/javascript" >
function ymd () {
var yyyy=document.getElementById("yyyy");
var mm=document.getElementById("mm");
var dd=document.getElementById("dd");
var year=parseInt((new Date()).getFullYear());
initSelect(yyyy,1980,year);
initSelect(mm,1,12);
initSelect(dd,1,31);
yyyy.selectedIndex=Math.round(yyyy.length/2)
}
function initSelect(obj,start,end){
for (var i=start;i<=end;i++) {
obj.options.add( new Option(i,i));
}
}
function selectYmd () {
var mm=document.getElementById("mm");
var dd=document.getElementById("dd");
var yyyy=document.getElementById("yyyy");
var dayEnd;
var m=parseInt(mm.value);
if(m==4||m==6||m==9||m==11){
dayEnd=30;
}else if(m==2){
dayEnd=28;
var y=parseInt(yyyy.value);
if(((y%4==0))&&(y%100!==0)||(y%400==0)){
dayEnd=29;
}
}else{
dayEnd=31;
}
dd.options.length=0;
initSelect(dd,1,dayEnd);
}
</script>如果解决您的问题请采纳,祝学习愉快!
相似问题