Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript-隐藏和调用特定“时出错”;分区;(调用特定div-onchange)_Javascript_Html - Fatal编程技术网

Javascript-隐藏和调用特定“时出错”;分区;(调用特定div-onchange)

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年。每个都作为一个div提供,在该div下有(每月和每周)的单选按钮

如果我在下拉列表中选择2015年,则应查看2015年每月和每周。 2016年也是如此

我的问题是,今年的两个div都在同一个页面中一起查看。 有人能给个建议吗。谢谢你的时间和帮助

我的JS代码:


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