帮小妹看看这个JS哪里错了,隐藏的暗钮怎么不显示

<style type="text/css">
.cl0 {
display:none;
}
.cl1 {
display:block;
}
</style>
<script type="text/javascript" defer="defer">
var wc = document.getElementById("wc");
var mc = document.getElementById("mc").options;
function setwc(mc) {
if (mc[0].selected == false) {
wc.setAttribute("className", "cl1");
} else {
wc.setAttribute("className", "cl0");
}
}
</script>
<select  onChange="setwc(this);">
<option value="n1">第一个</option>
<option value="n2">第二个</option>
<option value="n3">第三个</option>
</select>
<input id="wc"  type="button" class="cl0" value="5" />

解决方案 »

  1.   

    <style type="text/css">
    .cl0 {
    display:none;
    }
    .cl1 {
    display:block;
    }
    </style><script type="text/javascript" defer="defer">
    var wc = document.getElementById("wc");
    var mc = wc.options;
    function setwc(mc) {
    if (mc[0].selected == false) {
    wc.setAttribute("className", "cl1");
    } else {
    wc.setAttribute("className", "cl0");
    }
    }
    </script>
    <body>
    <select  onChange="setwc(this);">
    <option value="n1">第一个</option>
    <option value="n2">第二个</option>
    <option value="n3">第三个</option>
    </select>
    <input id="wc"  type="button" class="cl0" value="5" />
    </body>
      

  2.   

    这个才是: 
    <style type="text/css">
    .cl0 {
    display:none;
    }
    .cl1 {
    display:block;
    }
    </style>
    <script type="text/javascript" defer="defer">
    var wc = document.getElementById("wc");
    var mc = document.getElementById("mc").options;
    function setwc(mc) {
    if (mc[0].selected == false) {
    wc.setAttribute("className", "cl1");
    } else {
    wc.setAttribute("className", "cl0");
    }
    }
    </script>
    <body>
    <select id="mc"  onChange="setwc(this);">
    <option value="n1">第一个</option>
    <option value="n2">第二个</option>
    <option value="n3">第三个</option>
    </select>
    <input id="wc"  type="button" class="cl0" value="5" />
    </body>
      

  3.   

    如果你在IE里面的话，setAttribute()这个函数是不能实现的，只有在firefox里面才有用
      

  4.   

    谁说ＩＥ不能实现setAttribute这个方法，不要误导别人
      

  5.   

    <style type="text/css">
    .cl0 {
    display:none;
    }
    </style>
    <script type="text/javascript">
    function setwc(mc) {
    var wc = document.getElementById("wc");
    if (mc.options[0].selected == false) {
    wc.style.display = "block";
    } 
    else {
    wc.style.display = "none";
    }
    }
    </script>
    </head>
    <body>
    <select id="mc"  onChange="setwc(this);">
    <option value="n1">第一个</option>
    <option value="n2">第二个</option>
    <option value="n3">第三个</option>
    </select>
    <input id="wc"  type="button" class="cl0" value="5" />
    </body>
    试试这个吧
      

  6.   

    <style type="text/css">
    .cl0 {
    display:none;
    }
    .cl1 {
    display:block;
    }
    </style>
    <script type="text/javascript" defer="defer">function setwc(mc) {
    var wc = document.getElementById("wc");
    if (mc.options[0].selected == false) {
    wc.setAttribute("class", "cl1");
    wc.setAttribute("className", "cl1");
    }
    else{
    wc.setAttribute("class", "cl0");
    wc.setAttribute("className", "cl0");
    }
    }
    </script>
    </head>
    <select onChange="setwc(this);">
    <option value="n1">第一个</option>
    <option value="n2">第二个</option>
    <option value="n3">第三个</option>
    </select>
    <input id="wc"  type="button" class="cl0" value="5" />原来IE里也是可以实现setAttribute()这个方法的，刚才一时大意，各位请原谅
    楼主把var wc = document.getElementById("wc");放到函数体里就可以了，
      

  7.   

    IE 默认是 className; Opera, Firefox 是 class.
    但是你把 class 设置两次, IE 也能用.