求助：firefox不支持的问题

hecius 2009-10-14 03:46:25

怎么样让下面的代码在firefox中也跑起来，在IE下是没有问题的。好像是outerhtml好像不是w3c标准。那位高手给我改一下，谢了。

<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
</head>

<body>
<form name=form1>
<select name=YYYY onchange="YYYYMM(this.value)">
<option value="">请选择年</option>
</select>
<select name=MM onchange="MMDD(this.value)">
<option value="">选择月</option>
</select>
<select name=DD>
<option value="">选择日</option>
</select>
</form>

<script language="JavaScript"></script>
<p>查找更多代码，请访问：<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

...全文

65 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

hecius 2009-10-14

打赏
举报

thanks for help!

sohighthesky 2009-10-14

打赏
举报

ok了



<html> 

<head> 

<title>年月日三下拉框联动 </title> 

<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 

</head> 



<body> 

<form name=form1> 

<select name=YYYY onchange="YYYYMM(this.value)"> 

<option value="">请选择 年 </option> 

</select> 

<select name=MM onchange="MMDD(this.value)"> 

<option value="">选择 月 </option> 

</select> 

<select name=DD> 

<option value="">选择 日 </option> 

</select> 

</form> 



<script language="JavaScript"> <!-- 

if(!document.body.outerHTML  && typeof(HTMLElement)!="undefined")   //解决 firefox没有outerHTML问题

{   

    HTMLElement.prototype.__defineGetter__("outerHTML",function()    

    {    

        var a=this.attributes, str="<"+this.tagName, i=0;for(;i<a.length;i++)    

        if(a[i].specified)    

            str+=" "+a[i].name+'="'+a[i].value+'"';    

        if(!this.canHaveChildren)    

            return str+" />";    

        return str+">"+this.innerHTML+"</"+this.tagName+">";    

    });    

    HTMLElement.prototype.__defineSetter__("outerHTML",function(s)    

    {    

        var r = this.ownerDocument.createRange();    

        r.setStartBefore(this);    

        var df = r.createContextualFragment(s);    

        this.parentNode.replaceChild(df, this);    

        return s;    

    });    

    HTMLElement.prototype.__defineGetter__("canHaveChildren",function()    

    {    

        return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase());    

    });    

}   



window.onload=function() 

	{ 

	strYYYY = document.form1.YYYY.outerHTML; 

	strMM = document.form1.MM.outerHTML; 

	strDD = document.form1.DD.outerHTML; 

	MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; 



	//先给年下拉框赋内容 

	var y = new Date().getFullYear(); 

	var str = strYYYY.substring(0, strYYYY.length - 9); 

	for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年 

	{ 

	str += " <option value='" + i + "'> " + i + " 年" + " </option>\r\n"; 

	} 

	document.form1.YYYY.outerHTML = str +" </select>"; 



	//赋月份的下拉框 

	var str = strMM.substring(0, strMM.length - 9); 

	for (var i = 1; i < 13; i++) 

	{ 

	str += " <option value='" + i + "'> " + i + " 月" + " </option>\r\n"; 

	} 

	document.form1.MM.outerHTML = str +" </select>"; 



	document.form1.YYYY.value = y; 

	document.form1.MM.value = new Date().getMonth() + 1; 

	var n = MonHead[new Date().getMonth()]; 

	if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++; 

	writeDay(n); //赋日期下拉框 

	document.form1.DD.value = new Date().getDate(); 

} 

function YYYYMM(str) //年发生变化时日期发生变化(主要是判断闰平年) 

{ 

var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value; 

if (MMvalue == ""){DD.outerHTML = strDD; return;} 

var n = MonHead[MMvalue - 1]; 

if (MMvalue ==2 && IsPinYear(str)) n++; 

writeDay(n) 

} 

function MMDD(str) //月发生变化时日期联动 

{ 

var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value; 

if (str == ""){DD.outerHTML = strDD; return;} 

var n = MonHead[str - 1]; 

if (str ==2 && IsPinYear(YYYYvalue)) n++; 

writeDay(n) 

} 

function writeDay(n) //据条件写日期的下拉框 

{ 

var s = strDD.substring(0, strDD.length - 9); 

for (var i=1; i <(n+1); i++) 

s += " <option value='" + i + "'> " + i + " 日" + " </option>\r\n"; 

document.form1.DD.outerHTML = s +" </select>"; 

} 

function IsPinYear(year)//判断是否闰平年 

{ return(0 == year%4 && (year%100 !=0 || year%400 == 0))} 

//--> </script> 

<p>查找更多代码，请访问： <a href="http://www.lanrentuku.com" target="_blank">懒人图库 </a> </p> 

</body> 

</html>