javascript 一个非常烦人的问题

我做一个省市的二级下单菜单，当我选择某个省后对应省的市就显示在了第二个列表框中，当我再次选择一个省后第二个省的市也能显示在第二个列表框中，但很烦人的是在显示第二个市的同时我第一次选的也还保留在了列表框中，以此类推，我选择省的次数越多，第二个列表框的内容也就越多，好像会累加起来一样~~

大家快给我想想办法吧，求求大家了!!!!
这个问题困扰很久，昨天晚上两点没睡觉也不知道什么原因.
相关js代码:


if(ajaxObj.status==200)
  {
    var txt = ajaxObj.responseText
var SmallClassStr = txt.split("|");

for(var i=0;i <SmallClassStr.length-1;i++)
{
var SmallItem = SmallClassStr[i].split(",");

var SmallClass = document.getElementById("SmallClass");
var soption = new Option(SmallItem[1],SmallItem[0]);
SmallClass.options.add(soption);
}
  }

---

加上红色的这一句
JScript code:
if(ajaxObj.status==200)
{
var txt = ajaxObj.responseText
var SmallClassStr = txt.split("|");
[color=#FF0000]SmallClass.length = 0;[/color]
for(var i=0;i <SmallClassStr.length-1;i++)
{
var SmallItem = SmallClassStr[i].split(",");

var SmallClass = document.getElementById("SmallClass");
var soption = new Option(Sma