后一个下拉列表框根据前一个下拉列表中内容的变化而变化

大家我:
我想问一下

两个下拉列表框
如:省份:-----

城市:-----

城市的列表框中的内容根据省份的列表框中内容的变化 相应的变化

怎么做 请教各位高手

》》》》》》》》》》

谢谢

正好自学DWR中。。写一个。。。。。
dwr.xml
[code="java"]




</allow>

[/code]

show.js
[code="js"]
function showCity(){
var tmp = DWRUtil.getValue("sp");
QuickMove.quickMove(tmp,function(content){
DWRUtil.removeAllOptions("sc");
DWRUtil.addOptions("sc",content);
});

}
window.onload = function (){
QuickMove.getAllProvince(function(content){
DWRUtil.removeAllOptions("sp");
DWRUtil.addOptions("sp",content);
showCity();
});
};

[/code]

html
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


move.html
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript" src="dwr/engine.js"></script>
    <script type='text/javascript' src='dwr/util.js'> </script>
    <script type='text/javascript' src='dwr/interface/QuickMove.js'> </script>
    <script type="text/javascript" src='show.js'>
    </script>
</head>

<body>
    <select id="sp" onchange="showCity()">
        <option id="op"></option>
    </select>

    <select id="sc">
        <option id="oc"></option>
    </select>
</body>

[/code]

这个地方有个现成的你直接修改就可以了,还提供包下载!
http://tj007-bo.iteye.com/blog/32481