使用Javascript更改选框内容

时间:2015-01-23 17:52:11

标签: javascript html dom

在有人说之前,我知道有比使用选框更好的方法,但是,对于这个例子我使用的是。

根据日期的不同,我希望选框能够说出不同的内容。为什么字幕不会改变并且总是说默认?

的Javascript



var d = new Date();
var n = d.getDate();

if (n > 0 && n < 8){
	var bday ="Birthday Kids name and age 1"
	}else if(n > 7 && n < 15){
		var bday ="Birthday Kids name and age 2"
	}else if(n > 14 && n < 22){
		var bday ="Birthday Kids name and age 3"
	}else if(n > 21 && n < 29){
		var bday ="Birthday Kids name and age 4"
	}else if(n > 28 && n < 32){
		var bday ="BirthdayKids name and age 5"
	}
	
document.getElementById("birthdays").textContent = "We wish a very happy birthday to "+bday;
&#13;
<marquee bgcolor="#088A08" id="birthdays" direction="left" loop="20" width="100%">Default</marquee>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

请参阅fiddle

<强>的Javascript

var d = new Date();
var n = d.getDate();
if (n > 0 && n < 8){
    var bday ="Birthday Kids name and age 1";
    }else if(n > 7 && n < 15){
        var bday ="Birthday Kids name and age 2";
    }else if(n > 14 && n < 22){
        var bday ="Birthday Kids name and age 3";
    }else if(n > 21 && n < 29){
        var bday ="Birthday Kids name and age 4";
    }else if(n > 28 && n < 32){
        var bday ="BirthdayKids name and age 5";
    }

document.getElementById("birthdays").textContent ="We wish a very happy birthday to "+bday;

请注意,我已从代码中删除了==,因为语法错误存在问题,因此解决了问题。

==用于比较和仅使用=的作业。

答案 1 :(得分:0)

 document.getElementById("birthdays").innerHTML

编辑: replace == with =并确保在元素之后或页面加载后调用getElementById