求助GridView的FooterTemplate中的2个DropDownList控件实现无刷新联动

需求描述：
             在一个GridView的FooterTemplate中放進去2个DropDownList控件
             想要实现的效果是：当选择第一个DropDownList1控件中的内容的时候，第二个DropDownList2中加载数据，并且数据的来源是由第一个DropDownList1中当前选中项的Value值为条件从数据库中查出的数据加载的，即实现DropDownList的联动效果。
            （注：有刷新的联动效果我可以实现，写SelectedIndexChanged事件，現在在用这种方式）
      
需求原因：
             如果GridView中数据超出一頁的范围，选择了第一个DropDownList1中数据之后，頁面会刷新，用戶需要重新拉动滚动条到頁面最下方才能继续选择第二个DropDownList2控件中的內容，這給用戶的使用帶來了极大的不方便。为了提高用戶使用体验，故有此需求。

控件效果如下圖所示：
        
       
      目的：
             想实现的是2个DropDownList无刷新的联动效果（注：DropDownList控件是放在GridView控件的FooterTemplate中）
      问题：
             我尝试了几种方法但都达不到想要的效果
1） 使用VS2010自帶的Ajax控件 ScriptManager，UpdatePanel可以实现无刷新的效果，但是“新增”按鈕（Button）失去了作用，点击“新增”触发不了Click事件
2） 使用js来实现，如果將DropDownList控件直接放到頁面上，可以很完美的实现，但是放到GridView的模板中就难以实现了，使用javascript不能通过document.getElementByID（“DropDownList1”）获得DropDownList的ID，即使通過其他方法获得了，它的DropDownList1.options.add()属性方法不可用，实现不了给第二个即DropDownList2控件无刷新绑定数据，即实现不了无刷新联动效果！

最終目的：
      想要实现2个在GridView的FooterTemplate中的DropDownList1和DropDownList2的无刷新联动，并且同时不影响“新增”按钮事件。

小弟在这里拜谢各位大虾了，请给与多多帮助，非常感谢！
--------------------编程问答-------------------- 除

补充：.NET技术 ,  ASP.NET