代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>无标题文档</title>
<script language="javascript">
<!--
var gecko=navigator.userAgent.toLowerCase().indexOf('gecko')>0;
function fireEvent(obj,event){
    if(gecko){
        var e = document.createEvent('HTMLEvents');
        e.initEvent(event,true,true);
        obj.dispatchEvent(e);
        e.stopPropagation();
        e.preventDefault();
        e=null;
    }else{
        eval("if(typeof(obj.on" + event + "=='function'))obj.on" + event + ".call(obj);");
    }
}
function change1(sel){
    var sel2=document.getElementById('SEL_2');
    sel2.options[sel.selectedIndex].selected=true;
    fireEvent(sel2,"change");
}
function change2(sel){
    var sel3=document.getElementById('SEL_3');
    sel3.options[sel.selectedIndex].selected=true;
    fireEvent(sel3,"change");
}
function change3(sel){
    var sel4=document.getElementById('SEL_4');
    sel4.options[sel.selectedIndex].selected=true;
}
//-->
</script>
</head>
<body>
<SELECT id="SEL_1" onchange="change1(this);">
<option value="0">A1</option>
<option value="1">A2</option>
<option value="2">A3</option>
</SELECT>
<SELECT id="SEL_2" onchange="change2(this);">
<option value="0">B1</option>
<option value="1">B2</option>
<option value="2">B3</option>
</SELECT>
<SELECT id="SEL_3" onchange="change3(this);">
<option value="0">C1</option>
<option value="1">C2</option>
<option value="2">C3</option>
</SELECT>
<SELECT id="SEL_4">
<option value="0">D1</option>
<option value="1">D2</option>
<option value="2">D3</option>
</SELECT>
</body>
</html>
posted on 2009-12-17 12:05 野人哥哥阅读(172) 评论(0) 收藏举报
刷新页面返回顶部
公告
