Javascript-隐藏和调用特定“时出错”;分区;(调用特定div-onchange)
我有一个下拉框列出2015/2016年。每个都作为一个div提供,在该div下有(每月和每周)的单选按钮 如果我在下拉列表中选择2015年,则应查看2015年每月和每周。 2016年也是如此 我的问题是,今年的两个div都在同一个页面中一起查看。 有人能给个建议吗。谢谢你的时间和帮助 我的JS代码:Javascript-隐藏和调用特定“时出错”;分区;(调用特定div-onchange),javascript,html,Javascript,Html,我有一个下拉框列出2015/2016年。每个都作为一个div提供,在该div下有(每月和每周)的单选按钮 如果我在下拉列表中选择2015年,则应查看2015年每月和每周。 2016年也是如此 我的问题是,今年的两个div都在同一个页面中一起查看。 有人能给个建议吗。谢谢你的时间和帮助 我的JS代码: 2015 2016 AAAAAAAA 月刊 周报 2015年-每月 2015年-每周 HHHHHHH 月刊 周报 2016年-每月 2016年-每周 函数更改div(divId) { 如果(di
2015
2016
AAAAAAAA
月刊
周报
2015年-每月
2015年-每周
HHHHHHH
月刊
周报
2016年-每月
2016年-每周
函数更改div(divId)
{
如果(divId=='2015月')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015Weekly').style.display=“无”;
}else if(divId=='2015Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015月').style.display=“无”;
}else if(divId=='2016Monthly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Weekly').style.display=“无”;
}else if(divId=='2016Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Monthly').style.display=“无”;
}else if(divId=='2016')
{
document.getElementById(divId).style.visibility=“visible”;
document.getElementById('2015').style.visibility=“hidden”;
}else if(divId=='2015')
{
document.getElementById(divId).style.visibility=“visible”;
document.getElementById('2016').style.visibility=“hidden”;
}
}
主要问题是,您没有传递id
而是传递字符串年份
因此,您需要将onchange
值更改为this.value
,这样它将采用所选内容(2015/2015)的值
2015
2016
AAAAAAAA
月刊
周报
2015年-每月
2015年-每周
HHHHHHH
月刊
周报
2016年-每月
2016年-每周
函数更改div(divId)
{
如果(divId=='2015月')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015Weekly').style.display=“无”;
}else if(divId=='2015Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015月').style.display=“无”;
}else if(divId=='2016Monthly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Weekly').style.display=“无”;
}else if(divId=='2016Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Monthly').style.display=“无”;
}else if(divId=='2016')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015').style.display=“无”;
}else if(divId=='2015')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016').style.display=“无”;
}
}
$('年').change();
$(':checked')。触发器('click');
主要问题是,您没有传递id
而是传递字符串年份
因此,您需要将onchange
值更改为this.value
,这样它将采用所选内容(2015/2015)的值
2015
2016
AAAAAAAA
月刊
周报
2015年-每月
2015年-每周
HHHHHHH
月刊
周报
2016年-每月
2016年-每周
函数更改div(divId)
{
如果(divId=='2015月')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015Weekly').style.display=“无”;
}else if(divId=='2015Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015月').style.display=“无”;
}else if(divId=='2016Monthly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Weekly').style.display=“无”;
}else if(divId=='2016Weekly')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016Monthly').style.display=“无”;
}else if(divId=='2016')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2015').style.display=“无”;
}else if(divId=='2015')
{
document.getElementById(divId.style.display=“block”;
document.getElementById('2016').style.display=“无”;
}
}
$('年').change();
$(':checked')。触发器('click');
您缺少一些东西。例如,如何在更改时调用函数。函数的参数不正确。
这一解决方案应在以下方面发挥作用:
<!DOCTYPE html>
<html>
<body>
<select id="mySelect" name="year" size="1" onchange="myFunction()">
<option value="2015" selected="selected">2015</option>
<option value="2016">2016</option>
</select>
<div id="2015" style="display:block">
<B>AAAAAAA</B>
<input type="radio" checked="checked" onclick="javascript:changeDiv('2015Monthly');" />Monthly
<input type="radio" onclick="javascript:changeDiv('2015Weekly');" align="left" />Weekly
<div id="2015Monthly" ><B>2015 - Monthly</B></div>
<div id="2015Weekly" ><B>2015 - Weekly</B></div>
</div>
<div id="2016" style="display:none">
<B>HHHHHHH</B>
<input type="radio" checked="checked" onclick="javascript:changeDiv('2016Monthly');" />Monthly
<input type="radio" onclick="javascript:changeDiv('2016Weekly');" />Weekly
<div id="2016Monthly" ><B>2016 - Monthly</B></div>
<div id="2016Weekly" ><B>2016 - Weekly</B></div>
</div>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "You selected: " + x;
if(x=='2016')
{
document.getElementById(x).style.display="block";
document.getElementById('2015').style.display="none";
}else if(x=='2015')
{
document.getElementById(x).style.display="block";
document.getElementById('2016').style.display="none";
}
}
</script>
</body>
</html>
2015
2016
AAAAAAAA
月刊
周报
2015年-每月
2015年-每周
HHHHHHH
月刊
周报
2016年-每月
2016年-每周
函数myFunction(){
var x=document.getElementById(“mySelect”).value;
document.getElementById(“demo”).innerHTM