我想你的单位和对应的部门是存放在数据库中，一般这种情况是选择单位后刷新页面。建议你这样处理。
当然，还有一种方法不用刷新页面。初始化这个页面的时候就将所有的单位和其对应的部门保存在javascript数组中，根据选择单位的不同直接从数组中取出对应的部门设置部门下来框。
当然，还有一种方法不用刷新页面。初始化这个页面的时候就将所有的单位和其对应的部门保存在javascript数组中，根据选择单位的不同直接从数组中取出对应的部门设置部门下来框。
调试欢乐多
<head>
<script>
function check()
{
if(f1.d1.options[0].selected)
{
f1.d2.length=0 f1.d2.options.add(new Option("***白菜***","***白菜***"))
f1.d2.options.add(new Option("***萝卜***","***萝卜***"))
f1.d2.options.add(new Option("***萝卜2***","***萝卜2***"))
}
else if(f1.d1.options[1].selected)
{
f1.d2.length=0
f1.d2.options.add(new Option("***苹果***","***苹果***"))
f1.d2.options.add(new Option("***桃***","***桃***")) }}
</script>
</head><body><form name="f1" method="POST" action="--WEBBOT-SELF--">
<p><select size="1" name="d1" onchange="check()">
<option selected>***蔬菜***</option>
<option>***水果***</option>
</select><select size="1" name="d2">
<option>***白菜***</option>
<option>***萝卜***</option>
</select></p>
</form></body></html>
<select name=province onchange="cityName(this.selectedIndex)">
<option value="">请选择省名</option>
</select><select name=city>
<option value="">请选择城名</option>
</select>
</form><script language=javascript>var provinceName = ["浙江", "江苏", "安徽", "江西"];
var city1 = ["杭州", "宁波", "温州", "绍兴", "金华", "湖州"];
var city2 = ["南京", "苏州", "无锡", "常州", "镇江", "徐州"];
var city3 = ["合肥", "翕县", "黄山", "祁门", "休宁"];
var city4 = ["南昌", "九江", "赣州", "上饶", "新余", "景德镇"];
function province()
{ var e = document.form1.province;
for (var i=0; i<provinceName.length; i++)
e.options.add(new Option(provinceName[i], provinceName[i]));
}
function cityName(n)
{
var e = document.form1.city;
for (var i=e.options.length; i>0; i--) e.remove(i);
if (n == 0) return;
var a = eval("city"+ n); //得到城市的数组名
for (var i=0; i<a.length; i++) e.options.add(new Option(a[i], a[i]));
}
window.attachEvent("onload", province); //初始时给省名下拉框赋内容
</script>
http://fason.nease.net/code/form/select.htm
能详细一些吗？