读书人

急怎么php用js实现联动时间选择框

发布时间: 2012-06-09 17:16:42 作者: rapoo

急!如何php用js实现联动时间选择框。
要求实现当选择下拉框选择类型为月时,显示<div id="month_select">的内容,当类型为年时只显示
<div id="year_select">的内容。部分代码为:

<select name="viewtype" onChange="selects(this.value)">
<option selected value="month">月</option>
<option value="year" selected>年</option>
</select>

<div id="myselect"></div><br><br>
<div style= "display:none; ">
<div id="year_select">
<select id="year" name="year">
<option value="" selected>请选择</option>
<script>for(i=2000;i<=2020;i++)document.write("<option>"+i+"</option>")</script>
</select><label>年</label>
</div>
<div id="month_select">
<select id="year" name="year">
<option value="" selected>请选择</option>
<script>for(i=2000;i<=2020;i++)document.write("<option>"+i+"</option>")</script>
</select><label>年</label>
<select id="month" name="month">
<option value="" selected>请选择</option>
<script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script>
</select><label>月</label>
</div>
</div>

<script type="text/javascript">
<!--
function selects(types){
method = "GET";
(!!!!!该添加的js内容;)
}
//-->
</script>

[解决办法]
<select name="viewtype" onChange="selects(this.value)">
<option selected value="month">月</option>
<option value="season">季度</option>
<option value="year">年</option>
</select>


<script type="text/javascript">
<!--
function selects(types){
method = "GET";
if (types=="year"){
xsid="year_select";
ycid="month_select";
zcid="season_select";
}else if(types=="season"){
xsid="season_select";
ycid="month_select";
zcid="year_select";
}else
{
xsid="month_select";
ycid="year_select";
zcid="season_select";
}
document.getElementById(xsid).style.display="";
document.getElementById(ycid).style.display="none";
document.getElementById(zcid).style.display="none";
}
//-->
</script>

读书人网 >JavaScript

热点推荐