javascript动态创建Option选项

最新推荐文章于 2022-11-17 14:23:33 发布

Simon风云

最新推荐文章于 2022-11-17 14:23:33 发布

阅读量1k

点赞数

分类专栏：技术文档备忘录文章标签： javascript function

本文链接：https://blog.csdn.net/zhangsongshan/article/details/4357530

版权

技术文档备忘录专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>javascripttest</title>
<script type="text/javascript">
function setDay()
{
    var themonth=document.getElementById("month");
    var themaxmonthday=31;
    if(themonth.value=="2")
    {
        themaxmonthday=28;
    }
    var theday=document.getElementById("day");
    var tempdaylength=theday.options.length;
    for(var j=tempdaylength;j>0;j--)
    {
        theday.options.remove(j);
    }
    for(var i=1;i<=themaxmonthday;i++)
    {
        var theOption=document.createElement("option");
        theOption.innerHTML=i+"日";
        theOption.value=i;
        theday.appendChild(theOption);
    }
}
</script>
</head>
<body>
<select id="month" οnchange="setDay()">
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
<option value="4">4月</option>
<option value="5">5月</option>
<option value="6">6月</option>
<option value="12">12月</option>
</select>
<select id="day">
</select>