您的位置:首页 > 编程语言 > PHP开发

php+js+mysql设计的仿webQQ-<3>月份天数随月份改变

2012-05-08 08:51 537 查看
注册时,在填写生日的时候,月份的天数会随着月份的改变而改变,这个小功能在很多的地方都用得到哦!

<5>月份天数随月份改变

PHP代码

<select name="month" id="month" onchange="monthDays(this.value);">    //onchange事件
<?php
for($i=1;$i<=12;$i++)
{
echo "<option value=".$i.">";
echo $i;
echo "</option>";
}
?>
</select>月
<select name="day" id="day">
<?php
for($i=1;$i<=31;$i++)
{
echo "<option value=".$i.">";
echo $i;
echo "</option>";
}
?>
</select>日


Js代码

function monthDays(month)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if(month==2)
{
document.getElementById("day").length=0;     //先把月份天数的select的option清空
for(i=1;i<=29;i++)
{
document.getElementById("day").options.add(new Option(i,i));
}
}
else if(month==4||month==6||month==9||month==11)
{
document.getElementById("day").length=0;
for(i=1;i<=30;i++)
{
document.getElementById("day").options.add(new Option(i,i));
}
}
else
{
document.getElementById("day").length=0;
for(i=1;i<=31;i++)
{
document.getElementById("day").options.add(new Option(i,i));
}
}

}
}
xmlhttp.open("GET","index.php",true);
xmlhttp.send();
}

这种效果还是用到Ajax的局部刷新技术,欢迎大家交流学习。(未完待续)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: