下拉列表中option onclick

<script type="text/javascript">
function tag(num){for(var id=1;id<=4;id++){var c="tag_"+id;if(id==num)document.getElementById(c).style.display="block";else
document.getElementById(c).style.display="none";}}
</script><select>
<option onclick="tag(1)">请选择</option>
<option value="1000" onclick="tag(2)">a</option>
<option value="800" onclick="tag(3)">b</option>
<option value="600" onclick="tag(4)">c</option>
</select><span id="tag_1" style="display: block">1</span>
<span id="tag_2" style="display: none">2</span>
<span id="tag_3" style="display: none">3</span>
<span id="tag_4" style="display: none">4</span>在火狐中没问题  在IE中不给力 请教

解决方案 »

  1.   

    而且<span id="tag_1" style="display: block">1</span>
    <span id="tag_2" style="display: none">2</span>
    <span id="tag_3" style="display: none">3</span>
    <span id="tag_4" style="display: none">4</span>建议换成这样：...
    var span=document.createElement("span");
    span.innerHTML="";//根据选择不同赋值
    documentappendChild(span);
      

  2.   

    貌似IE DOM模型里不支持OPTION的onclick， 就像FF不支持document.all 不敢确定 等大神降临不知道你要的是什么效果 你试试SELECT的onchange能不能满足你的需要
      

  3.   


    <html>
    <head><title>s</title></head>
    <body>
    <script type="text/javascript">
    function tag(o){
    for(var id=1;id<=4;id++){
    var num=o.value.split('|')[1];
    //alert(num);
    var c="tag_"+id;if(id==num)document.getElementById(c).style.display="block";else
    document.getElementById(c).style.display="none";
    }
    }
    </script><select onchange="tag(this);">
    <option value="1|1">请选择</option>
    <option value="1000|2" >a</option>
    <option value="800|3" >b</option>
    <option value="600|4" >c</option>
    </select><span id="tag_1" style="display: block">1</span>
    <span id="tag_2" style="display: none">2</span>
    <span id="tag_3" style="display: none">3</span>
    <span id="tag_4" style="display: none">4</span>
    </body>
    </html>
      

  4.   

    onchange 是可以的，关键是要用onclick,算了结贴吧