下拉列表选择更改不触发js事件

我做的是一个ajax下拉联动：下面是页面代码和js
<script type="text/javascript" language="javascript">
function AddCity()
{
if(document.form1.DropDownList1.selectedIndex!=0)
{
var proId=document.form1.DropDownList1.options[document.form1.DropDownList1.selectedIndex].value;
    var city=Webfrom.Wrmfrom.Set(proId).value;
    //现删除其中的项
    //alert(proId);
    var num=document.form1.DropDownList2.options.length;
    for(var i=0;i<num;i++)
    {
    document.form1.DropDownList2.options[i]=null;
    }
    //读取数据库  添加其中的项
    document.form1.DropDownList2.options[0]=new Option("<--请选择-->",0);
    for(var i=0;i<city.Tables[0].Rows.length;i++)
    {
    document.form1.DropDownList2.options[i+1]=new Option(city.Tables[0].Rows[i].STATUSDETAILS,city.Tables[0].Rows[i].STATUSDETAILSID);
    }
}
}
</script>
    <form id="form1" runat="server">
    <div>
        <select id="DropDownList1" style="width: 109px" onchange="AddCity()" runat="server">
        </select>
        <select id="DropDownList2" style="width: 109px" runat="server">
        </select>
        <asp:Button ID="Button1" runat="server" Text="Button" /></div>
    </form>后台
        [AjaxMethod]
        public DataSet Set(string t)
        {
            string str2 = "select t.statusdetailsid,t.statusdetails from jk_statusdetails t where t.statusid=" + t;
            return Oracle.ExcuteDataSet(Oracle.CONN_STRING_SERVER, CommandType.Text, str2);
        }        private void sc()
        {
            DropDownList1.DataSource = DropDataSet();
            DropDownList1.DataTextField = "devicestatus";
            DropDownList1.DataValueField = "statusid";
            DropDownList1.DataBind();
        }        public DataTable DropDataSet()
        {
            string str1 = "select t.statusid,t.devicestatus from jk_status t where t.statustype=1";
            return Oracle.ExcuteDataSet(Oracle.CONN_STRING_SERVER, CommandType.Text, str1).Tables[0];
        }第一个select 选择其他值时都是正常的，但返回选择默认的第一个值时不触发js事件~！拜求解！